Why isn't my media query working?

Hi all,

Been working at this for a little while now, but can’t figure it out. I’m trying to hide the #navbar using a media query when the screen is less than 500px. Completely baffled:

Much thanks in advance.

It is already hiding when it’s less than 500px.

You also probably want to use display:none instead of visibility:hidden because it still creates scrollbar.

Thanks - it worked in the end :slight_smile: changed to the following

@media only screen and (max-width: 600px) {
    #navbar {

and the menu got hidden.