Category tabs, alignment and dropdowns

[Mana]

I'd like to have the category tabs in the center, such that if there are three categories there would be one dead-center with one on each side of that one. Where in the stylesheet (and how) would I make this happen?

Secondly, I've installed the drop-down menu. Since increasing the size of the font, the sub-categories are now very crowded in their drop-down boxes. How do I increase the size of these boxes accordingly?

Thanks in advance!

[gjh42]

Styling questions nearly always require seeing your site live so we can tell what will work with your particular template and mods.

[Mana]

www.performance-runners.ca

[gjh42]

You can add to your stylesheet

#navCatTabsDropdown>ul {margin: auto; width: 45%;}

The width would need to be revised if you add categories or make their names longer, and would not work so well if you had a flexible-width page layout.

[Mana]

I wonder why this doesn't seem to be working...is there a line in the stylesheet that this would replace?

[stevesh]

Try placing it at the end of the stylesheet.

I think that > in glenn's code should be a space.

[gjh42]

No, actually the > is needed for correct function. A space will apply the styling to all levels of lists; the > limits the effect to the direct child level of #navCatTabsDropdown.

It worked when I tested it on the site. The end of the stylesheet is the safest place to put it.

[Mana]

Okay, that's the first bit done. Thank you.

How do I either make the subcategory boxes larger or reduce the subcat text-size so the dropdown menus are less crowded?

[gjh42]

#navCatTabsDropdown ul ul li {}
will apply to subcategory items, but not top cats. You can put whatever styling changes you want for subs in there.

[GraniteMan44]

My horizontal Category tabs are not centered. I think whatever is causing that is also giving me vertical alignment issues above and below the navcatTabsWrapper. While the horizontal alignment is universal for all browsers, the vertical issue only seems to show up in Firefox. The website is http://www.monumentsplus.com.

Anyone know how I can correct this? Thank you.