[Resolved] Mobile layout for Secondary nav on tablet

Log In Free Support

Popular Articles

Missing style.css

Updating errors

Installing GP Premium

Installing GeneratePress

This topic has 3 replies, 2 voices, and was last updated 3 years, 3 months ago by David.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
February 3, 2023 at 4:56 am #2519891

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

February 3, 2023 at 6:37 am #2520009
David
Staff
Customer Support
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

Alex

Works like a charm! Thank you!

February 4, 2023 at 5:08 am #2521023

David
Staff
Customer Support

You’re welcome
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.