Header Bar Font Size and Spacing

Hello, my forum is http://gamecrypt.niceboards.org/forum

And there is a common problem for users with low resolution that potentially ruins the clean look of my forum for many users. My Header Bar has quite the options for users to choose from, and for users with lower resolutions the image I use for the bars looks absolutely horrid when the screen is so small that the bars go to 2 lines.

This is what it looks like on low resolution.


Overall Problem: The spacing and font size of my header bars are too high (the spacing is overwheling) and I am unsure how to fix it, I did use the search bar and looked around the internet, no luck.

First, go to ACP>Display>Headers&Navigation, and add the following image for your "Chatroom" navbar entry:

Code:

http://2img.net/i/fa/empty.gif

Now, add the following line to your CSS:

Code:

#submenu ul li a {margin-right:0;padding-right:0}

That should compress the navbar enough for those with 1024x768 screens.

You helped me with 2 big problems with my forum at 100%. Thanks so much!!