Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #27151


    I have a problem with the mega menu where it is only spanning 60% of the page and I would like it to span full width. The heading components are getting squashed and it looks odd.

    I did find another thread with the same issue (https://kriesi.at/support/topic/ (Purchase code hidden if logged out) -as-my-page) where the solution was to add some code to custom css or quick css – I am new to WP and don’t where of what this is so hoping you can help.




    Go to Enfold > Styling > scroll at the bottom, look for the Quick CSS field. Add this code.

    .avia_mega_div {
    width: 1024px;

    Save changes then remove browser cache and reload the page. Please give us a link to your website.




    Hi Ismael,

    I’m also looking for the right code to display the mega menu full width when activated. Your above recommended CSS is nice when you have large mega menus, but I just would like to display the mega menu 100% full width when activated. When the mega menu’s width is 100%, the mega menu’s content (sub menus) have to be centered within the full width mega menu.

    I did read all your forum topics about resizing the mega menu, but didn’t found a solution jet. The CSS code ‘ .avia_mega_div { width: 100% } ‘ is apparently too simple…

    Would appreciate your help very much, as I do not prefer to use an external plugin to solve this problem.




    Can you give us a screenshot on what you are trying to accomplish? What do you mean by “when it’s activated”?




    Hi Ismael,

    Thanks for your fast replay. With activated I mean that when you hover the main menu the mega menu is displayed.

    The 100% full width of the mega menu I would like to have is similar to the mega menu on http://www.iwc.com.


    Regards, Fleur




    Unfortunately our mega menu doesn’t support such a layout. It uses the default (12 unit) grid and it’s not easily possible to center the content without (time intensive) code customization. You can try UberMenu instead (not sure if it supports such a layout) or stay with the default layout..

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Mega Menu resizing’ is closed to new replies.