Category Tab Simple Dropdown Menu

[gjh42]

Add to your stylesheet

#navEZPagesTop a {margin: 0 0.7em;}

[gjh42]

For finer control, find the #navEZPagesTop section of your stylesheet, and add below it

#navEZPagesTop {
    border-top: 1px solid #a46daf;
    border-bottom: 1px solid #a46daf;
        background-color: #ffffff;
        height:40px;
        line-height:40px;
        text-align:center;
        font-size:12px;
        font-weight:bold;
    }

#navEZPagesTopWrapper {
color: #017c9f;
        height:40px;
        line-height:40px;
    }

#navEZPagesTop ul  {
    margin: 0;
    padding:  0em 0em;
    list-style-type: none;
    text-align: center;
    }

#navEZPagesTop>a {margin: 0 1.1em 0 0;}

#navEZPagesTopDropdown>ul {margin: 0 0 0 3.0em;}

[Danielle]

Thank you, that did work, but if I add another category it gets all messed up again. Is there any way to make it so it will be aligned regardless of how many categories there are?

[jphahn]

I was having problems with IE7 also, but found adding this to the css in tpl_modules_categories_tabs seemed to do the trick

#navCatTabsDropdown a 
{
	display:block;

}

I also had an issue with the menu appearing behind page elements, again only in IE7. I added "z-index:200" and "position:relative" to #navCatTabsDropdown ul, and "z-index:300" and "position:relative" to the parent element, (in my case #mainWrapper). Seems to have worked, looks good in all the browsers I have tested now. Hope that helps anyone else having IE7 problems.

[IBIFA]

I recently installed this.

I'm just wondering if there might be any ideas for adjusting the drop down itself.

I've commented out categories so I am just displaying subcategories in drop-down style.

But when I hover over the two categories with subcategories, they are staggered (not directly below one another) and the width of my site is increased to the right of the screen to accommodate the staggered listings.

Any ideas on how I can fix that?

Thank you!

[hem]

I recently installed this.

I'm just wondering if there might be any ideas for adjusting the drop down itself.

I've commented out categories so I am just displaying subcategories in drop-down style.

But when I hover over the two categories with subcategories, they are staggered (not directly below one another) and the width of my site is increased to the right of the screen to accommodate the staggered listings.

Any ideas on how I can fix that?

Thank you!

Okay- give me an address and I'll take a look

[IBIFA]

garden of francis - dot com

I was able to do some playing with the background color and adjusted the nowrap, but I'm at a loss what else to play with :)

Any insight would be great! (even it it's "well it just won't work for your site", if that's what the truth is) ;)