[Resolved] Secondary menu collapse

[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

[Ying]

Hi Will,

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

Let me know!

[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.

[Fernando]

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.

[William]

Ah yes thank you!

[Fernando]

You’re welcome, William!

[Author]

Posts