Archived topic

Mobile layout for Secondary nav on tablet

3 replies · Started by Alex on February 3, 2023

Viewing posts 1–4 of 4

February 3, 2023 at 4:56 am #2519891

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

February 3, 2023 at 6:37 am #2520009

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

February 3, 2023 at 10:06 am #2520393

Works like a charm! Thank you!

February 4, 2023 at 5:08 am #2521023

You're welcome

This archived topic is closed to new replies.

Start building better websites today.