Help with a drop down menu mystery

I am building our first ZC. It is a slightly customized ZC theme. I can not find where to change the code to enable my drop down menus to fucntion as the first menu does at https://www.scubooty.com . The "accessories" drop down appears and stays there while you select the subcategory. The menus for "apparel" and "dive systems" disappears before you can click on a subcategory. I am on the right track looking at the source code, but cant find the correct file to edit or to try to play with it. If anyone can tell us what goes where, or what we should type in what file, we'd greatly appreciate the input. THNX:blink:

Well, this is non-standard zen cart stuff so...

however, the problem you have is that the menu items are different heights. Which means that in the other ones that are less high the cursor comes out of the menu item before it goes into the sub-menu so the hover is broken.

The best solution is to find why they are different heights when they obviously should be the same height but I can not be bothered to go through a template that I do not know and work that one out so here is a hacky fix. Add this to your css:

.submenu{
height:45px;
}

Thanks. I was thinking that way too. It gives us a duplicate menu arrow in the sub menu when we add that line. We left it that way with your changes to work further. WIll keep searching. Thank you.

We're still getting this funky shadow arrow that is off kilter in our three drop down menus. https://www.scubooty.com Any ideas out there? We appreciate the input. :lookaroun

I am not sure that I understand what you are saying now :blink:

Attached is a screenshot with that css rule applied.

If you are seeing something else then you have some browser issues as well as code issues.

If you are seeing that then which bit of it do you want to change?

As it is a TM template you may find that not many people want to get to far into it. It tends to make people run away weeping.

If you mouse over the subcategories, a gray arrow is thrown when the yellow highlight arrow lights up. I made the suggested changes to the css in stylesheet_categories_menu.css. I know not many people want to help on themes, I am just throwing it out there. It is the only issues we really have. once that is corrected we can open up and start loading merchandise files. If you can direct us to someone that works thems let us know. Thanks again.

stylesheet_categories_menu.css

#nav-cat ul.level2 li a{
	padding:0 0 0 24px!important;
	background:url(../images/marker1.png) no-repeat left -23px;
}
#nav-cat ul.level2 li a:hover{
	background:url(../images/marker1.png) no-repeat left 7px!important;
	color:#fff!important;

set them both to background:none;

It is not so much templates that are the problem as TM templates as they tend to butcher the Zen code to such a great extent that it makes finding stuff really hard. If you search the forum for Template Monster I am sure that you'll see what I mean.

Thank You ! Thank You ! Thank You !

You pointed out the lines we needed to edit. We tried 3 different ways and decided to leave 87 in and now a yellow indicator shows when you mouse over correctly. Gray arrows are gone. Again... Many Thanks. I fix broken bones, not websites. :yes:

The partial gray arrow is due to the height of the item being increased. Both arrows are on one image (marker1.png), which is repositioned (slid down) on hover. The taller space doesn't let the gray arrow get fully out of the way. You could change the image to make more space between the arrows, and increase the shift on hover (currently from -23px to 7px).

You are more than welcome :cool:

Thanks All! We did a little bit of both and reversed this and that and added 7's here and subtracted 23's there and put "none" in some places and lo and behold... Perfect. Case closed. Much Thanks.:D