Mega menu too big

Comments

• Phil

  July 2021

  Hello,

  1) The Mega Menu width depends on the Site width you set in Betheme -> Theme options -> Global -> General. So if you want to make it more narrow, you need to change this value.

  

  2) You can reduce the space between the menu and Mega Menu by writing a custom CSS code and placing it in Betheme -> Theme options -> Custom CSS & JS -> CSS. If you need help with that, please, let me know, but I will need a link to your website.

  
  

  Thanks

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

  July 2021

  Here is the link: test.berrprinting.com

  I changed to minimum 960px and didn't do anything. Appreciated if you could give me a css code for that. Thanks
• lica_berr

  July 2021

  Also, is that possible to add icons next to the item menus (inside mega menu)?
• Pablo

  July 2021

  1) Please paste that CSS code into Theme Options -> Custom CSS & JS -> CSS

  .mfn-megamenu{
     max-width:960px !important;
  }
  

  2) If you would like to add an icon next to the menu item, please provide them like HTML code, what I mean is:

  

  Thanks

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

  July 2021

  sorry code for big menu didn't work, it didn't change anything.
• Pablo

  July 2021

  You forgot to add the dot at the beginning of the name of CSS class, see the screen:

  

  Put it, as in the code I sent you in my previous reply and it will work fine.

  Thanks

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

  July 2021

  Thank you the mega menu is now working. But how can I decrease the space between the menu and megamenu (see pic). Thanks

  Capture4.JPG

  
  
• Pablo

  July 2021

  That space is because of the logo you are using, it's pushing the menu (notice the space you highlighted).

  Can you reduce it? Or you want me to help you to move the megamenu up with Custom CSS code?

  thanks

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

  July 2021

  I don't want to decrease the size of the logo, if you can help me with a css to move the megamenu up would be great, thanks.
• Phil

  July 2021

  Please, use the following code:

  #menu .menu-item .sub-menu{
     top:60%!important;
  }
  

  Thanks

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

  July 2021

  Thank you!