I've activated a pluging to give me a drop down menu when seen on smaller devices, but my navigation still shows in a long line above it.
I'd like to hide the site navigation when the browser width is less than something like 697px.
I know that I can hide the menu with:
But I don't want my navigation to disappear unless the browser is resized to the above.
I have a child theme set up and would be greatful of the help to get this working. My website is: