Pro Header: Break Menu item in two lines?

[mickna]

Hi there,

How can I force inline menu to break an item into two lines if necessary?
Let’s say on a lareger screen I see:

Page one | Page two | Page three

and on a smaller one:

Page | Page | Page
one two three

thank you

[ruenel]

Hello @mickna,

Thanks for writing in!

You will have to change the Flexbox Direction for the Menu > Top Links, Container and for the Bar element responsively. Please check out this video:

Break Menu Items

If you are not yet familiar with the Responsive Styling, please check out this documentation first:

• Responsive Styling | Themeco Docs

Hope this helps.