agr42 on "Removing sidebar on mobiles"

I want to remove the sidebars when my site is viewed on mobile devices.
I've tried editing the CSS by adding code like:

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

But this hasn't worked. Does anyone have any ideas/advice?

Thanks in advance