Secondary menu below everything in the mobile version

[Alberto]

Hi.

I have a horizontal main menu and a vertical secondary menu on the right sidebar.

When I access the web with a mobile, the main menu is shown at the top (which is fine), but the secondary menu appears below everything.

What I need is the secondary menu. when accessing with a mobile, it appears under the main menu.

It’s possible?

Thank you in advance.

[David]

Hi there,

try adding this CSS:

@media (max-width: 768px) {
    .right-sidebar .site-content {
        display: flex;
        flex-direction: column-reverse;
    }
    .right-sidebar .inside-right-sidebar, .right-sidebar .inside-right-sidebar .secondary-navigation {
        margin-top: 0 !important;
        margin-bottom: 0;
    }
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Alberto]

David.

Thank you!

It works perfect!

[David]

You’re welcome

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts