[Resolved] Slide-out Menu, change breakpoint

[Shery]

Hi.
I added this code to activate the slide-out menu at 1290 px breakpoint, but from 1290 to 1080 screen size, the slide-out menu does not work. If you click on anything, the menu closes. Also it does not show sub-menus or the down arrows. What am I missing or doing wrong?
Thank you!

@media only screen and (max-width: 1290px) {
/*Slideout Menu*/
.main-navigation .menu-toggle,
.main-navigation .mobile-bar-items,
.sidebar-nav-mobile:not(#sticky-placeholder) {
display: block;
}
div#primary-menu.main-nav {
display:none !important;
}
}

[David]

Hi there,

try adding this CSS:

@media (max-width: 1290px) {
    .menu-item-has-children .dropdown-menu-toggle {
        display: block;
    }
}

[Shery]

Thank you David! That did it. I really appreciate your help!

[David]

Glad to be of help.

[Author]

Posts