Horizontal SubMenu

  • I have a need for my submenu items to span the entire width of the available screen instead of the standard vertical dropdown. I found some code that looks like it was designed to replicate that on the web as shown below and followed the instrauctions, but it did not change anything. I’m not sure if it is due to changes in MaxMega Menu or in WordPress itself. Can you point me in the proper direction? Below is the code I found.

    @include desktop {
  #{$wrap} #{$menu} > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-item {
    width: auto !important;
  }
  #{$wrap} #{$menu} > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-clear {
    clear: none !important;
  }
}
Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author megamenu

    (@megamenu)

    Hi,

    It’s only possible to have Mega Menus span the entire width of the screen. If you are trying to make FlyOut Menus span the entire width, then it is not possible sorry (it is only possible to do what you see advertised on megamenu.com).

    If you are using Mega Menus as your sub menu type, you’ll need to go to Mega Menu > Menu Themes > Mega Menu and set the Panel Width (Outer) to:

    body

    Regards,
    Tom

    Thread Starter jkurzner

    (@jkurzner)

    Hey Tom. This is what I am trying to replicate for a client.
    Submenu wide

    Plugin Author megamenu

    (@megamenu)

    Hi jkurzner,

    Thanks for the screenshot. It’s not possible to create that sub menu style using the free version of MMM (without extensive and complicated custom CSS – something that I’m afraid we don’t cover under free support).

    However it would be possible using the Custom Item Styling options in Pro.

    You’d need to set up the sub menu as a 3 column mega menu. Then apply a custom width to the sub menu. Then use Custom Item Styling to set “Sub Menu – Horizontal Offset” to shift the sub menu over to the left.

    Regards,
    Tom

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Horizontal SubMenu’ is closed to new replies.