[Resolved] Why are my menu items side-by-side and not stacked on top of each other?

Home Forums Support Why are my menu items side-by-side and not stacked on top of each other?

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1447886
    Andy

    Hi there,

    Why are my menu items side-by-side (and not stacked on top of each other)?

    View post on imgur.com

    Thank you

    #1447901
    Elvin
    Customer Support

    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.

    A wise man once said:
    "Have you cleared your cache?"

    #1452735
    Andy

    awesome! thanks Elvin!

    #1452797
    Elvin
    Customer Support

    No problem.:)

    A wise man once said:
    "Have you cleared your cache?"

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.