Site logo

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

Viewing posts 1–4 of 4

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.:)

This archived topic is closed to new replies.