Category tabs, alignment and dropdowns

[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.

[GraniteMan44]

I am using ZC 1.3.7 if that helps.

[gjh42]

You have specified a height for #headerWrapper which is less than its content requires. Eliminate this property, as it is only useful in special circumstances:

#headerWrapper {
        background-image: url(../images/Header_1280x107.jpg);
	background-position: center top;
        background-repeat: no-repeat;
       
        margin-bottom: 3em;
	padding-top: 0em;
        height: 107px;
        }