Mega Menu

hql

Hi,

The mega menu option default doesn't seem to have any effect on the menu, can you suggest a compatible mega menu that we can use or how can we customise this one?

Also is it possible to align the menu buttons all centered on a header that has the menu running across the full width of the website ?

Thanks

Phil

Hello,

Please, check the links below and check if you set your mega menu correctly.

https://support.muffingroup.com/documentation/mega-menu/

https://support.muffingroup.com/video-tutorials/how-to-use-mega-menu/

Please also remember to always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.

It is always a good idea to also attach a screenshot showing your issue.

Thanks

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

hql

https://www.thetechbase.co.uk/

Im trying to center the menu now, please can you help me with the CSS needed for this?

Phil

Please, try the following code:

#Top_bar .menu_wrapper #menu-shop-main-menu{
   margin: 0 auto!important;
}

Thanks

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

hql

That worked a charm, thank you ! How can I add a background colour to the whole menubar for example a blue background across the whole top?

Phil

Please, go to Betheme -> Theme options -> Colors -> Header, and set the Top Bar Left background.

Thanks

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

hql

thanks for your reply, this changes the whole background, i'd like to have a background behind the menu bar only. Ive tried to show the area where we need the background in the picture below:

Phil

There is no setting to change that.

You can use the following CSS code, but it will change the color behind the menu items only.

#Top_bar .top_bar_row_second li{
   background: #021370!important;
}

Best regards

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