Inline Navigation Column Option

[RookDigital]

Hi, I was trying to set an in-line navigation element to have a column layout based on your help docs here: https://theme.co/docs/navigation-inline

On the Menu Flex options it lists a Layout option where I can select “Row” or “Column”:

For the life of me, I cannot find this in my Cornerstone settings:

I was able to make this work 90% with CSS and settings mentioned in this forum post: Navigation inline 2 columns but I had to tweak the code a bit:

$el.x-menu {
display: grid;
grid-template-columns: 48% 48%;
width: 100%;
}

1. Can someone help me understand if the doc is outdated or if I’m misunderstanding where to select the columns?
2. I’d also like to know how to make sure that my menu items list vertically down and then pop into the right column rather than having them display left-to-right down the two columns.

Thanks in advance!

[Ismael]

Hello @RookDigital,

Thank you for the inquiry.

The “Row” and “Column” options can be toggled in the Flexbox > Direction settings. It’s the first option in the screenshot above. You may need to remove the custom css before adjusting the settings.

Select the second option (Column) if you want the items to stack vertically on top of each other.

Let us know if you need more info.

Best regards,
Ismael