I've trying to adapt a menu I've found on this site:
if the page width is under 62.5em i don't want the page content to be obscured by the menu (even when expanded) ie. i want the page content to drop down beneath the menu even when its expanded.
if the page width is over 62.5em it doesn't matter if the menu covers the content.
I've created a jsfiddle to demo my progress so far:
the menus on this site demo how i want the page content to drop down if the screen width is narrow:
what changes would i need to make to the css to achive this effect?
any help is appreciated.