Betheme menu with icons

Comments

• 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

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• 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 edited February 2018

  There is no box for choosing the icon, you just have to add <i class="icon-home"></i> 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

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• gdarino

  February 2018 edited February 2018

  I tried to do this and I am not getting the desired results. I placed the code <i class="icon-home></i> in the Navigation Label field before the Menu name. For example:

  
  

  <i class="icon-home></i> 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,
  

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

  thanks
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• 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
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• Salonpeggy

  March 2020 edited 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 <i class="icon-lamp"></i>

  
  

  Thanks
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• Salonpeggy

  April 2020

  Hello Support Team,

  
  

  Unfortunately the code doesn't work. After saving it only shows: <i></i>

  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
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next