The problem with the responsive menu was that it cut off the pages at the bottom of the list, the best solution would be making sure that the list does not get cut off.
As an aside, can i suggest that the custom css not get just pumped into the html? I think this text should be saved to an external css document, otherwise, it makes the markup really poor. I worked around that by adding a link in the header to a custom-styles.css file.