Site logo

Archived topic

secundary menu above primary menu on desktop

5 replies · Started by Marcellus on December 11, 2018

Viewing posts 1–6 of 6

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

Hi there,

so whats the issue with switching the navigation location?

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.

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;
    }
}

Hi David,

Worked like a charm, thanks!

Best regards,

Marcellus

Awesome. Glad to be of help.

This archived topic is closed to new replies.