I want to limit the width of our menu dependent on the width of the screen. Specifically, I want that our menu have a maximum width of 1150px as long as the screen width is 1235px or below. To do this, I used:

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

/* IPAD MENU */
    
.container-inner {
        max-width: 1150px;
    }
    
}

The website is criminal-lawyers.com.au. I tried to point to other elements such as “.nav-wrap”, “.container”, etc. but it doesn’t seem to work. Am I missing something here?