Secondary menu collapse – GeneratePress

This topic has 5 replies, 3 voices, and was last updated 3 years, 4 months ago by Fernando.

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

Author

Posts
December 13, 2022 at 8:40 am #2460661

William

Hi there,

On this page, when you reduce the size of the screen width, you’ll see that the secondary menu (on the left) collapses before going to mobile.

Is there a way to make it so the site goes to mobile and the menu collapses at the same time?

Kind regards,

Will

December 13, 2022 at 10:40 am #2460786

Ying
Staff
Customer Support

Hi Will,

Can you go to customizer > layout > primary navigation > mobile breaking point?
What’s the value set there?

Let me know!

December 13, 2022 at 1:38 pm #2460918

William

It’s currently set to zero as the primary navigation menu is the two buttons outlined in red. What I am referring to is the secondary navigation menu which appears to the left.

December 13, 2022 at 6:31 pm #2461068
Fernando
Customer Support
Hi William,

You have this code in your style.css file:
```
@media (max-width: 1050px) {

    .secondary-navigation .menu-toggle,
    .secondary-navigation .mobile-bar-items,
    .sidebar-nav-mobile:not(#sticky-placeholder) {
        display: block;
    }

    .secondary-navigation ul,
    .gen-sidebar-nav {
        display: none;
    }

    [class*=â€nav-float-â€œ] .site-header .inside-header>* {
        float: none;
        clear: both;
    }
}
```
You can change the value 1050px to 768px or a different value to change the breakpoint you have set.
December 14, 2022 at 1:13 pm #2462093

William

Ah yes thank you!

December 14, 2022 at 5:05 pm #2462236

Fernando
Customer Support

You’re welcome, William!
Author

Posts

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

You must be logged in to reply to this topic.

[Resolved] Secondary menu collapse

Popular Articles

[Resolved] Secondary menu collapse

Popular Articles

Start building better websites today.