My Mobile Menu Breakpoint

Hello,

I have a long menu and wish to change the breakpoint to 1250px rather than the preset of 979. Below is the code which I have used which I found on the forum. It works however if I click on the mobile button between 979 and 1250 it does nothing but it does work below 979.

my web address is http://www.happyfeet.chaselife.tech

@media (max-width: 1250px){
.masthead-inline .x-btn-navbar {
display: block;
float: right;
}

.x-nav-wrap.mobile.collapse {
display: none;
}

.x-nav-wrap.mobile.collapse.in {
display: block;
}

.x-nav-wrap.desktop {
display: none;
}
}

Please help
Kind Regards

David Hetherington

I have found the solution :slight_smile:

Glad to hear that :slight_smile: