Header Builder Inline Nav using Columns

[Level4]

Hello,
I currently have a menu with dropdown sublinks that are a single but long list. How would I setup so that the menu goes from a vertical layout to a horizontal like this

Menu Item 1
Menu Item 2
Menu Item 3
Menu Item 4
Menu Item 5
Menu Item 6

to this

Menu Item 1 Menu Item 2
Menu Item 3 Menu Item 4
Menu Item 5 Menu Item 6

[ruenel]

Hello There,

Thanks for writing in!

To resolve your issue, please edit your header and find the navigation inline settings. In your Dropdown, adjust the width just as shown below:

And then you can use this css in the custom css section:

.x-menu .sub-menu li{
    display: inline-flex;
    min-width: 50%;
    max-width: 50%;
}

Please note that custom coding is outside the scope of our support. Issues that might arise from the use of custom code.

Thanks for understanding.

[Level4]

Worked great thank you!

[ruenel]

You’re welcome!
We’re glad we were able to help you out.