Archived topic

Secondary menu below everything in the mobile version

3 replies · Started by Alberto on January 20, 2020

Viewing posts 1–4 of 4

January 20, 2020 at 8:06 am #1138056

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.

January 20, 2020 at 8:37 am #1138091

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

January 20, 2020 at 8:41 am #1138097

David.

Thank you!

It works perfect!

January 20, 2020 at 8:50 am #1138109

You're welcome

This archived topic is closed to new replies.

Start building better websites today.