make menu inline with header in avada theme

Oh, and the menu doesn’t expand to full page either . . .

Hi Wayne,

I’m seeing an under construction page at the moment.

In the menu theme, in the Custom Styling section, try removing “clear: both”.

To expand the menu to full page width see the Dynamic Width section here:

https://www.maxmegamenu.com/documentation/faqs/adjust-sub-menu-width/

Regards,
Tom

Hi Tom. Sorry about the construction page. I just turned that off.

My main issue is that the menu is below the element, rather than inline.

I don’t know how to write a jquery, but I gather from the link you sent that I should be able to find a way to write something for the Avada theme that will work?

Thanks.

Hi Wayne,

Thanks.

Please see the first part of my last reply to stop the menu dropping onto a new line.

To expand the menu to full page width see the Dynamic Width section here:

https://www.maxmegamenu.com/documentation/faqs/adjust-sub-menu-width/

The selector you want to use is “.fusion-row”.

Regards,
Tom

Hi Tom. I know this is beyond the scope of your support, but I’m lost.

Where do I put the jQuery Selector I create? In the X theme there’s a place for me to put it in the theme. Is this something I add to a file on the server somewhere?

Thanks.

Wayne

Hi Wayne,

I’ve updated this page with some screenshots, all the info you need should be there.

https://www.maxmegamenu.com/documentation/faqs/adjust-sub-menu-width/

See the ‘Dynamic Width (jQuery/CSS Selector)’ section. The setting you want to use is “.fusion-row”.

Regards,
Tom