Widening menu button for browser only

Customization
1

Hi,

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?

2

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
    }
}
3

Perfect! Many thanks.