The title is overlapping when there is not enough space for all the elements inside the page. Did you set a fixed height to <body>?
Does it change something if you apply the following styles?:
You can repeat a set of instructions using the loop 'while':
appropriateAnswer = False
# Repeats the instructions as long as 'appropriateAnswer' does not equal 'True'.
while appropriateAnswer != True
I do not really code in Python, so about the general...
You can do that with CSS. The following will apply the styles only if the screen height is of at least 800px:
/* By default, the <nav> is not displayed */
@media only screen and (min-height: 800px)
/* If the height of the screen is at least...
By 'reducing the number of CSS and JS files', it probably meant to reduce the number of files for each page by merging them. How many of such files do you have for each page?
By the way, with google Chrome, if you go on the page and open the developper tools (Right-click / 'inspect'), you can...