[Resolved] Mobile layout for Secondary nav on tablet

[Alex]

Hi guys,

I am trying to achieve the mobile layout for tablet. More specifically, I’d like to get the footer hamburger of the secondary navigation visible in tablet mode.
Any ideas how can this be done?

Thanks

[David]

Hi there,

add this CSS :

@media (max-width: 1024px) {
    .secondary-navigation .menu-toggle {
        display: block;
    }

    .secondary-navigation ul,
    .secondary-navigation:not(.toggled) .main-nav>ul {
        display: none;
    }

    .secondary-navigation .inside-navigation {
        flex-direction: column;
    }

    .secondary-navigation .inside-navigation .main-nav {
        width: 100%;
    }
}

[Alex]

Works like a charm! Thank you!

[David]

You’re welcome

[Author]

Posts