[Resolved] secundary menu above primary menu on desktop

[Marcellus]

Hi,

I would like to place the secundary menu bar above the primary menu on desktop. On mobile this is already the case.

Because of my website structure with conditional menus, simply switching between menu locations is not a solution for me.

Hope you can help!

Best regards,

Marcellus

[David]

Hi there,

so whats the issue with switching the navigation location?

[Marcellus]

Hi David,

Thanks for your reply.

2 reasons why i don’t want to switch the navigation location:

– The main menu is displayed in the sticky header by default. When i switch locations, the wrong menu is in the sticky header.
– I created a custom header with custom colors for the main menu. And i need that option to make other custom headers with custom colors for other landingpages. As far as i can see, the submenu has only 1 style.

[David]

Ok, so maybe give this CSS a shot:

@media (min-width: 769px) {
    .header-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .header-wrap #secondary-navigation {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
}

[Marcellus]

Hi David,

Worked like a charm, thanks!

Best regards,

Marcellus

[David]

Awesome. Glad to be of help.

[Author]

Posts