Mobile menu not expanding at certain screen sizes

Support
#1

@media only screen and (max-width:1350px){
.x-nav-wrap.desktop {
display: none;
}
.x-btn-navbar {
display: block;
float: right;
}
}

i added the css code above to my global theme options so that the mobile menu will appear when the screen size is 1350px or less.

the code works, the mobile menu appears at 1350px. however, from 1350px to 980px, the mobile menu doesn’t expand.

can you help me fix this? thanks!

#2

Hi Carlos,

Thanks for reaching out.

Please change your CSS to this


    @media ( max-width: 1350px ) {

.x-nav-wrap.desktop {
display: none;
}
.x-btn-navbar {
display: block;
float: right;
}

    .x-nav-wrap.mobile:not(.x-collapsed) {
     display: block !important;   
    }
    }

That should do it :slight_smile:

Cheers!

#3

that did it! thanks! :smiley:

#4

We are delighted to assist you with this.

Cheers!

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.