MyBB Community Forums

Full Version: Fit Navigation Bar To All Monitors
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Recently we updated our navigation bar, and at first we thought it looked great, but then we had a member with a larger monitor then the rest of us, realize it was too small for his computer.

How it looks for us:
http://i.imgur.com/qeTTpgy.png

How it looks for others with larger displays:
http://i.imgur.com/nWkLFL1.png

As I'm sure some of you have had this problem before, please give me some direction on how to have the bar fit for all users in the same place.

[Please ignore misplaced nav tabs, and user dropdown, still in process of these.]

Site Link
Make width : auto so it fit to all
Have you tried messing around with the navigation bar's margin?

eg:
p {
margin-top: 100px;
margin-bottom: 100px;
margin-right: 150px;
margin-left: 50px;
}

Messing around with those settings might do something. Also, don't forget you can use "auto" instead of "###px" and the margin will automatically detect where it needs to be in most cases.
It was already set on auto width, but didn't seem to make a difference, any other suggestions?
The navbar is wrapped within a div wrapper.. and the wrapper has a min and max width and a width of 65%, which makes it odd on large displays... remove the wrapper div - both opening and closing, and check it from there...