Solved Mega menu 5 columns

Hey,

I added the default class mega-menu to the menu itself.
But, what if I wanted 5 columns instead of 4 which is the default.

Is there an easy way with CSS to solve this?

 

well ,, yes .. I'm adding the code to the global css.
Still nothing changes though to 5 columns like I want.

Deleting the 6n since it says to only use the one needed.
Still it doesn't do any change.

It feels like I have to add the code to some code module that is created from the block builder you've done since there's a lof of classes in there connected to the menu! (?)

Code:

Log In or Sign Up to view this code.

https://dev.funkydesign.net/nordberger

 

Solved .. I had to add the top-menu ID to the menu module itself.
That's not included in the tutorial .. since this is. a global header and not a regular menu.

 

Strange thing though..
It's only working on the main start page. Clicking anything in the menu and it goes back to 4 columns.
The menu is global though.. so, should be the same everywhere!

 

Nope .. thay caused the mega-menu to be mega but the items to be stacked.

 

Thanks ..
That did the trick!