Mega Menu Icons

alimaserrat · June 2014

In your demo for the mega menu there are small icons next to each sub heading, how can have those added.

Also is there anywhere we can see the list of possible icons to use???

Albert · June 2014

Yes, we did them via html tag, like example below:

<i class="icon-heart-fa"></i> Example menu title

But all available icons you can find on our demo page http://themes.muffingroup.com/betheme/shortcodes/typography#icons

alimaserrat · June 2014

but how did you assigned it to the menu item?

alimaserrat · June 2014

This is what i have done, and looks messed up:

http://grab.by/xA2g

and>
http://grab.by/xA2o

D1ver · June 2014

No.

Here: http://grab.by/xAns

alimaserrat · June 2014

NICE! Worked just fine.

Thanks

Albert · June 2014

Thanks @D1ver for help

sitevenom88 · July 2014

Ok, where in the menu options do you place that icon code?

On this website which is mine, you can see icons in my menu, when you are in that particular theme there is an option, No Icon, Icon then it has a box to place <i class="icon-heart-fa"></i> your icon code. Does this theme support icons in the main menu???

sitevenom88 · July 2014

More about those Menus

Here is a site i do with another theme that is what i want, icons in the MAIN MENU, thanks, i see you have given the font code, that's good, but where in your theme does it go, i am quite experienced at this and i can't seem to find it. Thanks

Albert · July 2014

@sitevenom88 Icons goes with raw html into "Navigation Label" field - take a look on this screenshot http://snag.gy/YCDzn.jpg

scott74 · December 2014

Thanks..

.

anyway to get this working with all the font awesome icons or is this just what it built into them? Thanks

http://fortawesome.github.io/Font-Awesome/cheatsheet/

theme icons

http://themes.muffingroup.com/cake/shortcodes/icons

Albert · December 2014

@scott74 This works only with icons that are included into theme.

scott74 · December 2014

ok thank you.....

Going out on a limb here but is a double column in the mega menu sub menu possible or would this require custom CSS.... My list is kind of long for Dental Services/General Dentistry so wanted to make those serviced under it into two columns to even out the menu ?

http://forestparkdental.info/

Albert · December 2014

Please make a screenshot with explanation what you exactly want to do because we are not sure about that and before we'll tell you if this is possible or not, we need screenshot to be sure.

scott74 · December 2014

I'd like take everything under the Arestin Dental and move it up to its own column but still under General Dentistry

http://screencast.com/t/3eum6K5Rn

Albert · December 2014

This is what we thought you mean but unfortunately it is not possible.

scott74 · December 2014

Ok thanks

aullah360 · September 2015

can i make this icon big

Albert · September 2015

@aullah360 Any url to site where you want to make icons in menu bigger?

jupiterseoexperts · January 2016

can i add my own icon in my menu?

Albert · January 2016

To add icons in menu use below code in menu title field

<i class="icon-home"></i>Home

jigar08it · May 2016

How can I hide icon menu on desktop?

I want it only on mobile.

Albert · May 2016

@jigar08it Please send us link to page where you would like to do this.

jigar08it · May 2016

I solved that.

Thanks.

MarcoMilanovic · May 2016

can i make the icon bigger? (the icon in a larger size than the text)

Albert · May 2016

@MarcoMilanovic Please send us link to page where you would like to increase icons.

MarcoMilanovic · May 2016

novellweb.com

Albert · May 2016

@MarcoMilanovic Thanks, but can you explain which icons are we talking about? If you will read the topic above, you understand that this topic concerns icons in menu but you don't have such icons on your site anywhere.

MarcoMilanovic · June 2016

Yes, I have.

On the right, before the flags, there is an icon (3 bars). It is like responsive menu item. But it's in my normal menu, and I want to make it bigger.

Is this possible?

Albert · June 2016

Ok, thanks. So to make this icon bigger, please use the following css:

#Top_bar .menu > li > a i { font-size: 24px !important; }

MarcoMilanovic · June 2016

Thank you! Perfect

Mega Menu Icons

Comments