Widening menu button for browser only


I’ve added some custom CSS to widen the menu button because for some reason some users don’t notice it.

#navigation #menu-button {
background: #fff;
margin-right: 0;
width: 12.0em;

My question is: how do I stop this messing up the mobile display of the menu?

You can use a CSS Media Query, e.g.

@media all and (min-width:700px){
    #navigation #menu-button{
        // your styles for screen sizes larger than 700px

Perfect! Many thanks.