Jump to content

Help w/ Nav bar and fixed positioning

Recommended Posts

hey guys,


how can I create a header bar background so that it is in back of my nav links?

my links are fixed so they stay when the user scrolls down to view images and text.

Im pretty sure though that when a user looks at the website through a mobile device

the fixed links will come closer together so when the user scrolls down they will see

the white bordered space around the logo.


Also when I try to move my "text-container" the first fixed link moves (floats on top of the text container )wherever I move it.

How can I seperate them? or make them non relative?


Thanks for your help!


here is the jsfiddle link: http://jsfiddle.net/sneakyleaf96/bqgjw0gb/8/

Edited by sneakyleaf96

Share this post

Link to post
Share on other sites

Your css code doesn't really make much sense. Why are p and h1 styled with a width and height? If you want the header to be fixed then why isn't it styled to be fixed? Why do you have things that are both fixed and floated? You also have some relative positioning that does nothing.

Share this post

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Create New...