Public Forums 71,145 posts

[hbf1000 Friend hbf1000Join date: June 2008Posts: 112Downloads:0Uploads:10 Thanks: 15 Thanked: 3 times in 1 posts]

#200524

Site URL is: http://lucrosponto.com

On MainMenu you can see that I am using Font Awesome.

Note that menu “Categorias” has the same submenus as on sidebar left module “Categorias”.

I added Font Awesome icons to sidebar menus as well but they do not display.

Is there any way to display icons on sidebar menus as well ?

Tks
Herbert

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#546084

Hi Herbert,

I checked your site and see that the HTML code of side menu is different than Main Menu. In order to create a side menu with similar design as Main menu, you will have to create a Custom HTML module, manual copy HTML code from Main Menu and paste there. For example, the HTML code might look like this :

<ul class="mega-nav level1">
<li data-xicon="fa fa-pencil" data-level="2" data-id="106" class="">
<a data-target="#" href="/web-design.html" class=""><i class="fa fa-pencil"></i>Web Design</a>

</li>
<li data-xicon="fa fa-google" data-level="2" data-id="108" class="">
<a data-target="#" href="/seo.html" class=""><i class="fa fa-google"></i>SEO</a>

</li>
<li data-xicon="fa fa-envelope" data-level="2" data-id="110" class="">
<a data-target="#" href="/email-marketing.html" class=""><i class="fa fa-envelope"></i>Email Marketing</a>

</li>
<li data-xicon="fa fa-globe" data-level="2" data-id="114" class="">
<a data-target="#" href="/dominios.html" class=""><i class="fa fa-globe"></i>Domínios</a>

</li>
<li data-xicon="fa fa-dollar" data-level="2" data-id="116" class="">
<a data-target="#" href="/monetizacao.html" class=""><i class="fa fa-dollar"></i>Monetização</a>

</li>
<li data-xicon="fa fa-comment-o" data-level="2" data-id="118">
<a data-target="#" href="/divulgacao.html" class=""><i class="fa fa-comment-o"></i>Divulgação</a>

</li>
</ul>

[Author]

Posts