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

View previous topic View next topic 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

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;
}

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

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

View previous topic View next topic Back to top


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