Why isn't my media query working?

HTML-CSS
1

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.
Mike

2

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.

3

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

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

and the menu got hidden.

M