Start a new discussion

To start a new discussion please visit the discussions section of the GitHub home page of the project.

Discussions on GitHub

You can also search our old self-hosted forums for any useful information below but please note that posting new content here is not possible any more.

MegaMenu fluid containers

Home Forums Older releases 0.9.x MegaMenu fluid containers

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #2353

    Hi, been trying to create a megamenu having inside a fluid container.


    I’m having inside a block-grid from Foundation framework and won’t be displayed because the ul inherits menu styling. Even if I force style overwrite it doesn’t fill all width.
    Also tried with grid rows but seems it’s only working if I put fixed sizes.

    Any idea to make it work with percentage width elements ?



    Hi, I’m sorry for this delay! It’s been our Easter the past few days and I just wasn’t able to reply earlier!

    Yep, if you would like to include nested UL’s in the mega dropdown you will need to use some additional CSS to override the inherited styles for the regular sub menus. So the following would be something like the bare minimum:

    ul.mega-menu ul {
        display: block;
        position: static;
        top: auto;

    Also, setting the subMenusMaxWidth: '' script option is probably a good idea to override the default value subMenusMaxWidth: '20em' which will probably not be enough for mega dropdowns. Here is an updated demo:

    From there, I am not sure what exact width you would like to achieve for your mega dropdown. Here are some code samples if you would like your mega dropdowns to take the full width of your menu container:

    Please let me know if you still have any troubles.

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘0.9.x’ is closed to new topics and replies.