• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 436
  • Last Modified:

page content and responsive menu

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.
1 Solution
Remove position:absolute from your #nav > ul under your media query for that screen size.
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now