CSS Dropdown menu for the header- With Categories!

[Beth-katherine]

1. Open up includes/templates/YOUR_TEMPLATE/common/tpl_drop_menu.php and remove the "class="submenu" from top-level items without sub items. So the contact us link would change to this:

<li><a href="<?php echo zen_href_link(FILENAME_CONTACT_US, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CONTACT_US; ?></a></li>

2. Add this to the header_menu css file:
div#dropMenu li.submenu li.submenu {background: none;}

OR, you could use the image attached to have arrows pointing right to designate further subcategories, with this css:

div#dropMenu li.submenu li.submenu {background: url(../images/submenu.gif) 95% 50% no-repeat;}

Hi. I also want to do this but can't find the "header_menu css file. Where is it located? I'm using Cherry Zen template if that helps.

Also, how do you change the color behind the drop down menu from the horrible blue grey it is now that you can't read. I prefer the color from Apple Zen but can't figure out WHERE the color is listed.

Beth-katherine