What is the problem?

[techaboard]

Hello guys i am making one of my first Websites, i made the navigation and just added a paragraph tag but the content of the paragraph tag colides with the navigation.See the codepen link for what i mean
http://codepen.io/anon/pen/eAsHn
Please help, All help Appreciated

[chrisburton]

You have `position: fixed;` (along with `position: absolute;`) in your #mainNav.

[techaboard]

Thanks you for your quick reply, but it still doesn’t seems to work.Once again thanks for your help.:)

[Eric Gregoire]

Removed

position: absolute;

that @chrisburton was referring to which was taking the nav out of the document flow: http://codepen.io/Boogiesox/pen/AJHcl

Is this what you’re looking for?

[techaboard]

Thank You @chrisburton and @boogiesox You guys just saved me tons of time thinking about the problem.

[techaboard]

Just one more thing i would like to ask, how should i make the navigation stick to the top.

Once again all help appreciated :)

[Eric Gregoire]

Working with what you have, you’ll have to apply fixed position to your nav, but that’ll break it again. You could wrap the paragraph in a div and give that a top padding greater than the nav height to fix it.

[techaboard]

Ok thanks for your help :)

[Author]

Posts