Mega Menu

[Paul]

Mega menu was displaying as designed in the template, as I continued to fill in the items I noticed the overlay width had changed and is now much smaller. Let me know how to adjust to the way it was. Thanks!

[Tom]

Hi there,

The mega menu can only be as wide as the navigation itself. In this case, the navigation is set to float right, so it’s not full width.

What if you try using the navigation as your header, instead?: https://docs.generatepress.com/article/navigation-as-a-header/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Paul]

Thank you!

[Tom]

You’re welcome 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Katrin]

Hi there,

I’m trying to solve the same issue. I’m using navigation as a header, but my navigation is not full-screen. I don’t like the look, if its full-sceen. But I would love the mega menu to be full-screen. Is there no possibility to do that with some code?

Thank you!
Katrin

[David]

Hi there,

if you want to raise a new topic where you can share a link to your site we can take a look.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[bobby]

Hi i have a problem with this mega menu i follow https://docs.generatepress.com/article/building-simple-mega-menu/

but it’s not ordering menu vertically so i change using flex-direction to row, and it works but i have issue when i just want to be my <li> being centered and change the column gap. i want my menu background being full width but the menu it self still contained. please take a look my site

https://ultralight.space/scisi02/

[David]

Hi there,

The URL you provided is using the Quad Menu plugin ?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[bobby]

sorry i was desperate figure this things out, so i just try quad menu, already deactivated quadmenu please take a look of it, and let me know whats wrong with my mega menu. thanks

[David]

The only way to have a Full Width mega menu while containing the inner menu item widths ( i assume to the width the Navigation ) – is to make each column its own sub menu. Then we can do something.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts