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 Bar Problem

View previous topic View next topic Go down

Navigation Bar Problem

Post by Kaizer Lee on February 13th 2013, 11:22 am

I have a minor problem concerning my navigation bar. I'd like to install the Tool Bar but when I tried adjusting the navigation bar with CSS, it ends up following each user.

Code:
#upwardBar {
  position: fixed;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 40px;
  z-index: 999;
  width: auto;
  height: 0px;
  background: #383838;
  color: #fff;
}

That's the current CSS. It's on top and fixed and follows but members don't have a problem with that and as I stated, I'd like to add the tool bar so that's a problem.

My request is for that thing to stick to the position of the normal navigation tool bar which is located after the logo.

Here's the CSS code I used which solved the position problem BUT didn't solve the fact it follows members:

Code:
#upwardBar {
  position: fixed;
  top: 400px;
  left: 40px;
  z-index: 999;
  width: auto;
  height: 0px;
  background: #383838;
  color: #fff;
}

Screenshot below represents what I want to happen:



Forum URL: http://www.medievalchaos.net/forum
Username: Hotty

Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

Re: Navigation Bar Problem

Post by Kaizer Lee on February 13th 2013, 1:37 pm

It made the whole thing disappear.

Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

Re: Navigation Bar Problem

Post by runawayhorses on February 13th 2013, 2:21 pm

Make a new rule with this code, it will make room for the toolbar. Just add this entire code above your other upwardBar code:

Code:
#upwardBar {
margin-top: 30px;
}

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Re: Navigation Bar Problem

Post by Kaizer Lee on February 14th 2013, 1:35 pm

Cause the last navigation bar stinks.

Btw, that made the problem worse :/

Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

Re: Navigation Bar Problem

Post by runawayhorses on February 14th 2013, 1:48 pm

The one you have now doesn't smell like a dozen roses. rideem is hitting on the right track, if you use the default selectors i.e. (#i_icon_mini_portal) the navbar will be placed where you want it to be automatically, and it will not "following each user" as you put it, and there will be plenty of room for the toolbar you want. All your problems will be solved with this issue by getting rid of that 'not so good smelling' navigation bar you have now and using the default navigation bar placement by using the selectors.

You are overworking the problem by creating new problems with that selector, when the answer is staring you in the face with the default selectors.

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Re: Navigation Bar Problem

Post by Kaizer Lee on February 14th 2013, 2:18 pm

The reason why I removed it was because it was a problem to begin with. Anyway, found another solution to this. You can either garbage or lock this now.

Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

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