Full Width on Flatsome Theme

Hi fuzioneer,

Please post a link to your site so I can take a look.

Regards,
Tom

vanconversiongear.co.uk

Hi fuzioneer,

Thanks. I can see your theme is specifically applying a ‘flex-center’ class to the container that holds the menu. That suggests there’s a theme option that lets you change the position of the menu (I suspect it would also be centered if you disabled MMM). Please can you check the theme options – either the theme control panel, or the customiser – to see if there’s an option to change the alignment? It should be set to align left or full width.

Regards,
Tom

the theme has options to have the menu in either of three positions but you can’t align it. I followed the instructions in your integration guide for Flatsome but it didn’t work

https://snipboard.io/ctiM5W.jpg See here the Main Menu is below the logo and I have a choice of three column positions to insert it in but no alignment possible

Hi Fuzioneer,

Thanks, I see.

Please try adding this to Appearance > Customize > Additional CSS:

.wide-nav .flex-center,
#mega-menu-wrap-primary {
    margin: 0;
    width: 100%;
}

Regards,
Tom

ok that has given me a left aligned menu. How do i center align it ?

Hi fuzioneer,

To center align it using the MMM options, go to Mega Menu > Menu Themes > Menu Bar and adjust the Menu Items Align option.

Regards,
Tom

perfect thanks Tom all sorted

• This reply was modified 4 years, 1 month ago by fuzioneer.