CSS Dropdown menu for the header- With Categories!

Quote:

---

Originally Posted by jettrue

If its done right, it works.

You have not uploaded all files into their correct folders. Check, double, triple check. Then check again if its still not working. :smile: It's easy to make a mistake.

---

I found the problem. For some reason (me obviously) the modules>sidebox>my_template was in the wrong place. Normally I can add the sidebox modifications to the modules>sidebox folder and get away with it. This mod required the extra directory to make it work. Everything else worked perfectly in the directories I used.

That said, I wanted to say how much I love this mod. The site takes on a whole new look when trying to locate the items listed on the site. Customers will be able to navigate the site with less work, and it gives a more professional look to the site.

Hello,

Great add on!:smile:

I add Publishers to the menu and I cannot get it to line correctly as the other 6 Menu.

I change stylesheet_header_menu.css to 98% and that did not work.

Can you take a look at my Test Site.

Thank you in advance!

Quote:

---

Originally Posted by Royal

Hello,

Great add on!:smile:

I add Publishers to the menu and I cannot get it to line correctly as the other 6 Menu.

I change stylesheet_header_menu.css to 98% and that did not work.

Can you take a look at my Test Site.

Thank you in advance!

---

You have to open up includes/templates/YOUR_TEMPLATE/css/stylesheet_header_menu.css and change these:
16.667
16.649

Divide 100% by 7 (since you now have 7 menu items) which is 14.285. Use 14.285 for the top number, and use a slightly smaller number for the second one (its for IE, and IE needs a slightly smaller percentage)

Hey all,

I have been trying to correct a problem with my header, in ie7 it lines up at the bottom of the logo header and in mozilla its pushed up by a few px's does anyone know how to correct this?

Link: www.truwater.com.au

Thanks

Hi! my problem is the same as this person from this post: http://www.zen-cart.com/forum/showthread.php?t=105702

when i hover, the dropdown box doesnt have the same width. can anyone please tell me how to change that?

Thanks!!

Quote:

---

Originally Posted by ibling

Hi! my problem is the same as this person from this post: http://www.zen-cart.com/forum/showthread.php?t=105702

when i hover, the dropdown box doesnt have the same width. can anyone please tell me how to change that?

Thanks!!

---

Open up includes/templates/YOUR_TEMPLATE/css/stylesheet_header_menu.css and change the width 12em to something wider.

thank you so much for replying! its working !! :)

Great mod! I've been able to fix most of my issues my reading this thread, but I'm getting close to launch and have a persistent one. I can't get the dropdown menus to display on top of my embedded images or videos like here.

My Account menu is a good example. Oddly enough, the menu displays on top of the rightside banner (correct) but underneath the google video.

I bumped up the z-index but it didn't work. The issue is the same in Firefox (3.06) and IE(7.0.5730.11).

Thanks in advance. Hope to contribute something someday (after asking all my SEO questions elsewhere!)

Fresh Zen Cart 1.3.8a install
Database Patch Level: 1.3.8

Hope someone can help. After looking at almost all of this thread trying to locate where you can add an arrow image to the menu indicating there is a sub-category. Can some point this out to me pls.

tks

Quote:

---

Originally Posted by covone

Hope someone can help. After looking at almost all of this thread trying to locate where you can add an arrow image to the menu indicating there is a sub-category. Can some point this out to me pls.

tks

---

It's right there in stylesheet_header_menu.css:
/*div#dropMenu li.submenu {background: url(../images/dropmenu.gif) 95% 50% no-repeat;} */

Just remove the /* and the */

The above puts a down arrow on the main menu to show that its a drop down, and then theres this one which shows a category has subcategories:

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