My website is coming along nicely, but recently I ran into the following issue. 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;
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?