Menu design: 4 or 5 columns

Hi Mike,
I only changed the width of your original block from 840 to 630 and the columns to 200 in order to force 3 columns, and it worked. You can see this in the quick css of enfold child. The 3 submenu items appear just like a mega menu in 1 row instead of default column. Which is wrong. The result in screenshots below.

So I tried and left away this part of your code:
#menu-item-19330 ul.sub-menu {
width: 630px !important;
}
The result of this is what you saw yesterday: the sub level is default in 1 column – correct – but the sub-sub level flies out far left in 1 column. Which is wrong again.

Expected for the sub-sub is:
– 1 block with 3 columns referring to the largest sub-sub level – as above
– and default column design referring to the other sub-subs

When I started this I did not think of making a difference to the levels, because I thougth that the system would automatically adjust to the content, which is very uneven. But things seem to be more difficult.
So, the aim of all this trouble is to display the items of a certain sub-sub level – in this case “Deutschland” – in a readably compact manner in 1 block with columns – in this case 3 are good.

Hope, I made it understandable.
Best regards, Jörg

Hi Mike,
I come back to you only now, because I had other things to do. Sorry.
So, you added new code to the Quick CSS. What I want is not 2 but 3 columns. I changed your code respectivley, please see screenshot and code below. I then deleted your older version of code, which obviously referred to a wrong menu ID (below as well).
Fine so far.
The only challange left now is to force the sub-sub blocks for the menu “Brennerei Auswahl” fly out really to the left instead of right. As for now it makes no difference in appearence, if the instruction for – #menu-item-19831 ul.sub-menu li {
display: inline-block !important; – is “float: left” or “float: right”.
Any idea?
best regards, Joerg

Hi Mike,
great, that’s it!
And now it’s clear that the same fly out should be related to all sub menus of this menu item “Brennerei Auswahl”. Because it looks awful if 1 flyout is left and the others are right.
best regards, Joerg

Hi,
perfect, thanks a lot!
The only problem now seems to be, that the menu-item-ID’s are different to the Live page. Can you tell me, please, how and where I could look up theese ID for the Live-Page?
best regards

Hi there,
great, thanks to all!
best reagrds, Joerg

Hi Mike,
unfortunatedly yes, there is. Please have a short look at the live page. I put in all the IDs and it worked fine. But then I decided to replace the page called “Brennerei Auswahl” by another one, because this one is more plausible with the new structure. Replaced the concerning menu item IDs as well, but … What am I doing wrong?
best regards, Joerg