Archived topic
Why are my menu items side-by-side and not stacked on top of each other?
3 replies · Started by Andy on September 17, 2020
Hi there,
Why are my menu items side-by-side (and not stacked on top of each other)?
https://imgur.com/a/7eEVWVS
Thank you
Hi Andy,
You have this CSS code on your site.
.nav-aligned-right .main-navigation ul {
display: flex;
flex-direction: row-reverse;
align-items: center;
}
flex-direction: row-reverse; makes the flexbox contents display in a row in reverse order.
You can try adding this code:
ul#menu-primary-marketer {
flex-direction: column;
}
This specifically targets your sliding menu to display in a vertically stacked manner without affecting other ul navigation elements.
awesome! thanks Elvin!
No problem.:)