Hi, 

I am using Kalium theme and it is really great.  

I am using the standard menu which collapses to a hamburger menu on smaller screen.  From what I see the media query for this is 768px. 

I would like to adjust this point to a much larger number... 1200px should do the trick for the width of my menu at the moment.  

I have tried editing this myself....

@media screen and (max-width: 1200px){
.main-header.menu-type-standard-menu .standard-menu-container div.menu>ul, .main-header.menu-type-standard-menu .standard-menu-container ul.menu {
    display: none !important;}
}

@media screen and (max-width: 1200px){
.main-header.menu-type-standard-menu .standard-menu-container .menu-bar {
    display: block !important;}
}

The above works but on tablet displays (iPad) the menu that flies out from the left is not visible when I press on the hamburger.  Is there an easy way to make this work?

Thanks in advance :)

**the title of this should read "Mobile menu custom media queries"**