Archived topic

Sticky Navigation Drop Point

3 replies · Started by Kevin on March 9, 2020

Viewing posts 1–4 of 4

March 9, 2020 at 12:26 pm #1190045

The GP navigation drop point is great because the menu relocates underneath the logo preventing container overflow.

This does not seem possible in the sticky nav.

What are the options to deal with container overflow in this situation?

I expect you will instruct me to decrease font sizes or restructure menu :)

https://imgur.com/a/DPSQ8hj

Thanks!

March 9, 2020 at 12:49 pm #1190060

Hi there,

Can you please do this first?
https://www.screencast.com/t/O3NDJ5fyH0N
Let me know :)

March 9, 2020 at 12:56 pm #1190070

I'm really sorry about that. I thought I had done that already.

Caching is de-activated :)

March 9, 2020 at 1:26 pm #1190090

Thanks :)

Try this CSS:

@media (max-width: 890px) {
    #sticky-navigation .inside-navigation {
        display: flex;
        flex-direction: column;
    }
    #sticky-navigation .navigation-branding {
        margin-left: auto;
        margin-right: auto;
    }
}

This archived topic is closed to new replies.

Start building better websites today.