Betheme menu with icons

yoia · July 2017

Please tell me how to add icons to the menu like the finance template, I already tried importing the finance demo, but didn't work, the menu doesn't have icons

http://themes.muffingroup.com/be/finance/

Bryan · July 2017

Hi,

by adding them into the menu item names. Please import the pre-built finance website and copy the code. It will be in appearance>menus

thanks

yoia · July 2017

There's no field in Appearance>Menus to add icons, I already imported Finance Website with all the demo data (images, configuration, etc.) there's no icons in the menu.

Already tried to check all the boxes on the "Sreen Options" to see if that "icon field" was hidden or something, but there's nothing on Appearance>Menus that let me put icons in the menu.

Please help me.

yoia · July 2017

You say that I have to "copy the code", but what code are you talking about? Where can I find and edit that code? There's nothing on the Appearance>Menus section, I already searched everywhere

Bryan · July 2017

There is no box for choosing the icon, you just have to add Before the menu item name to have a home icon. For other icons, just change the class name.

All the icons are here: http://themes.muffingroup.com/be/theme/shortcodes/typography/#icons

gdarino · February 2018

I tried to do this and I am not getting the desired results. I placed the code in the Navigation Label field before the Menu name. For example:

Home

What I get is a Hamburger icon instead of the "Home" menu item in the menu.

The Hamburger icon shows up when the code is entered on the last menu item. if I put it on the first menu item I get NO menu items.

Any advice?

Bryan · February 2018

gdarino
HI,
the problem is probably that there is a " missing in the code,

Home

thanks

webvidya · December 2019

how to change particular item color of a menu

Pablo · December 2019

It will be not possible, you will have to create advanced css code to change the color of the single element of the menu.

With BeTheme you can only change the color of all of the menu items.

See these docs, they will surely help you with changing the color of particular element:

https://www.w3schools.com/cssref/css_colors.asp

https://www.w3schools.com/cssref/sel_nth-child.asp

Thanks

Salonpeggy · March 2020

Muffin Support

Hi, I want to replace the word "HOME" with the icon-home in my main menu. I did as told above but it doesn't work. Is there something changed?

Thanks

Pablo · March 2020

Salonpeggy,

You can use a HTML code in the menu item.

Please write in the name of the custom link

Thanks

Salonpeggy · April 2020

Hello Support Team,

Unfortunately the code doesn't work. After saving it only shows:

Please advise how to replace the word "HOME" with the icon-home in my main menu. URL is: www.schoonheidssalonpeggy.nl

Kind regards,

Bernd Smits

Pablo · April 2020

Look, I made it this way and it works:

https://prnt.sc/s549n0

https://prnt.sc/s549up

If this won't work for you, you should disable all of the plugins, clear the cache of your browser and check, if the issue still exists.

Thanks

Betheme menu with icons

Comments