Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • August 2, 2013 at 9:19 pm #27151
    markhemmings

    Hi,

    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/mega-menu-not-as-wide-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.

    Thanks.

    August 5, 2013 at 1:37 am #132973
    Ismael

    Hi,

    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.

    Regards,

    Ismael

    August 21, 2013 at 8:58 pm #132974
    fleur

    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.

    Thanks!

    August 22, 2013 at 5:26 am #132975
    Ismael

    Hey,

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

    Regards,

    Ismael

    August 22, 2013 at 7:51 am #132976
    fleur

    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.

    Thanks!

    Regards, Fleur

    August 22, 2013 at 4:43 pm #132977
    fleur

    Anyone?

    August 24, 2013 at 6:28 am #132978
    Dude

    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..

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Mega Menu resizing’ is closed to new replies.