The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Navigation fixed when scrolled down the page

Go down

Solved Navigation fixed when scrolled down the page

Post by blindbat1457 on November 24th 2011, 9:49 pm

Hey, I have a question. I have a forum where I want the navbar to span 100% of the window as well as being fixed so when you scroll down the page it follows.

Obviously when you make the navbar's position fixed it doesn't apply the 100% width and it isn't positioned right.

Example..
http://forumthememedia.forumotion.com/

I also realize I need to change the z-index.


Last edited by blindbat1457 on November 24th 2011, 9:53 pm; edited 1 time in total
avatar
blindbat1457
Forumember

Male Posts : 667
Reputation : 6
Language : English
Location : Santa Clarita, CA

Back to top Go down

Solved Re: Navigation fixed when scrolled down the page

Post by blindbat1457 on November 24th 2011, 9:53 pm

Sigh never mind. I though I had it at width:100% but I guess I forgot to add that to the code.

Doubt anyone is interested in the code but I will post it just in case.

Code:
#pun-head {
  border-bottom: 4px solid #079efd;
  box-shadow:0 -5px 10px #000;
  position: fixed;
  width: 100%;
  z-index: 10;
}
avatar
blindbat1457
Forumember

Male Posts : 667
Reputation : 6
Language : English
Location : Santa Clarita, CA

Back to top Go down

Solved Re: Navigation fixed when scrolled down the page

Post by Nera. on November 25th 2011, 2:15 am

Solved
avatar
Nera.
Energetic

Female Posts : 7078
Reputation : 2014
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum