On all pages, except the homepage, I have a menu on the left (#secondary) that is in my child CSS as:
padding: 0px 0;
font-family: Baskerville, "Playfair Display", "Times New Roman", serif;
I have the position fixed because it would show up under the body text otherwise.
This looks nice on normal sized screens or big ones, but on smaller screens (e.g. smartphones), it results in the possibility that users can scroll the content over the menu. Does anyone have an idea how I can fix the content of the website in a way so that it won't overlap the menu when scrolling on a small(er) device?