Archived topic
Mega Menu with 5 column
3 replies · Started by Roland on January 31, 2022
Hi,
With this tutorial https://docs.generatepress.com/article/building-simple-mega-menu/ I do 4 column but i need 5 column
What need to change in css to get 5 column mega menu?
best regards
Hi Roland,
Can you confirm if you’ve added “mega-menu mega-menu-col-5” classes in the CSS class field of the parent Menu Item?
See this as reference: https://share.getcloudapp.com/mXuJ2Q4X
Doing so should in turn result in 5 columns for the sub-menu items of the parent menu.
I tested this in my test website and here is the result: https://share.getcloudapp.com/12u0zj2d
Looking at the screen recording above, after adding 5 sub-menu items under “Home”, I placed “mega-menu mega-menu-col-5” classes in the CSS class field of my Home menu. This in turn resulted in having the 5 sub-menu items under parent menu item, Home, display in 5 separate columns.
Hope this helps! If this doesn’t work, feel free to reach out and we’ll do our best to assist you. :)
Hi,
When I added the code
mega-menu mega-menu-col-5
to the main menu it works.
Thank you.
You're welcome! Glad that worked! Feel free to reach out if you’ll need assistance with anything else! :)
