Mobile Menu width

[designpoint]

Hi there, I am looking to change the width at which the mobile menu kicks in. In what file do I set that? I’d like to trigger it at a wider width than it’s currently set to. Thanks.

[Mohammad – SUPPORT]

HI,
Please go to Admin -> Theme Options -> Custom CSS – Here you may put custom code for any html element and it would work fine .

Thank you for understanding!
Cheers!

With Best Regards
Swiftideas Themes

[designpoint]

Mohammad –

I’m well aware of where custom CSS goes. What I’m asking is how I tell Supreme to switch to the mobile menu at a different width than where it currently changes. I believe that’s a javascript trigger, not CSS. Am I incorrect?

[Mohammad – SUPPORT]

Hi,
Sorry You are not correct . Its a CSS trigger at layout.css line 623 /wp-content/themes/supreme/css/ .
Currently it is defined under this 767px width media query like

@media only screen and (max-width: 767px) {

}

If you want to trigger menu at large width then remove cut code from line 623 and define new block and paste code there like

@media only screen and (max-width: 767px) { /* INCREASE  WIDTH AS YOU WANT*/
#mobile-navigation {
 display: block;
}
}

Cheers!

With Best Regards
Swiftideas Themes