Navigation - Moving the content below when narrowed

HTML & CSS
1

Navigation on my forum/ BBpress

Hi

My navigation is set to fit the page. IE: When you are on a mobile/ smaller window it will overlap

This is great but the rest of my content isn’t moving down with it.

IE The navigation ends up overlapping important features (Login etc)
How can I get my content to move down with it

http://www.togganet.co.uk/blog/forums/

2

HI,

You need to remove the absolute positioning from the nav and the height and then let the page move naturally with the content.

e.g.


#navigation{
height:auto;
position:relative;
top:0;
zoom:1.0;
}
#navigation:after{/* clear floats*/
content:".";
clear:both;
display:block;
height:0;
visibility:hidden;
}

The above code is over-rides and should follow the original rules (or integrate into the original rules).

3

Fantastic

Guess this is my first step to a fluid layout!

Just need to find out how to move my wordpress menu now!