Make a Single Column Nav Set into two columns?

[lesliekirk]

Is there a way to make the single column Navigation Set to start a new column after X number of links?

<ul class="navigation-set single-navigation-column">
<mvt:foreach iterator="navigationitem" array="readytheme:navigationitems">
<li>&mvt:navigationitem:link;</li>
</mvt:foreach>
</ul>

[Matt Zimmermann]

Hi Leslie,

If the area you are putting the navigation is wide enough for two columns, you could try using CSS to solve the layout. If you set the UL to display flex, a maximum height, direction of column, and to wrap, the LIs should go to a second column.

[lesliekirk]

Hi Leslie,

If the area you are putting the navigation is wide enough for two columns, you could try using CSS to solve the layout. If you set the UL to display flex, a maximum height, direction of column, and to wrap, the LIs should go to a second column.

Is flex available with Suivant? (Sorry for the ignorant question).

[Matt Zimmermann]

Hi Leslie,

If you add it, it will be.

[lesliekirk]

Hi Leslie,

If you add it, it will be.

LOL if you make it, they will come

[Bruce - PhosphorMedia]

If its not clear, I think he means you have to use or create a rule that call "display:flex" and then also set all the other 'flex' statements like "justify-content: space-between;"

https://www.w3schools.com/css/tryit....rycss3_flexbox