I have a menu structured exactly how I want it but I need the style to be a bit more refined and specific.

I'm using the avada theme with mega menu functionality, and I've applied it to the first link here:


However, I want my dropdown to be full width completely and house the dropdown options in a different style, like this:


So for instance, If i hover over the main one, the full width block menu drops down and next sub headers would be below with any additional headers below that.

Is there a specific way to do this with avada theme and css?

1 Answer 1


Select the Full Width Mega Menu on/off selector in Avada settings.

Here's the steps to follow covered on that url:

How To Set The Mega Menu To Full Width

Step 1 – Go to WP Dashboard > Appearance > Menus, locate the first level menu item and click the Avada Options button.

Step 2 – Once the settings window has opened, locate and activate the Fusion Mega Menu & Full Width Mega Menu settings as seen in the example image for this section.

Step 3 – Click ‘Save’ to close the Avada Options window and scroll to the bottom and click “Save Menu” to save your changes made to the menu.

I looked at your site code and your menu has a width of 960px set; Setting it to Full Width should fix this.

  • So, I have a slightly different panel but when I go to appearance > menus and select to level item, there's no avada options button but there are check boxes for fusion mega menu and full width menu. I have those selected and saved but it doesn't seem to have changed.
    – H.Norman
    Commented Aug 23, 2017 at 14:21
  • Are you on latest Avada version? Commented Aug 23, 2017 at 20:01

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.