CSS Dropdown menu for the header- With Categories!

[jettrue]

Hi Jettrue,
Think everything is in order. I would love to know how to make the first drop wider for longer cat names.

was able to do it but then it overlapped the subcat1 that needs to be a little wider too.

I know this is all css but im lost in the
any help is greatly appreciated.

Thank you,
John

There are three instances of 12em in stylesheet_header_menu.css. Make all of them wider, then it will work well. If you only change one or two, then you run into problems.

[metzler13]

AHA!

Remove text-align:center

from #dropMenuWrapper

in stylesheet.css

PHEW, that was hard to find!

That did it! Thanks a million!

[cmku]

Hi, I am trying to implement this template into my bi-lingual test site (chinese/english). the url is = http://enjoyhotel.com.tw/dev/estore/ b
As you can see, the title/dropdown names didn't appear correctly, would you pls advise on how to go about correcting this issue? many thanks!!

great work on the template!

[bumba000]

Very nice. Thanks Jettrue

John

[thedidgmaster]

This is a most amazing template, I love it. I do have a question. How does one go about commenting out certain header options? I notice that everytime I go to the "New Products" page, theres an error on the column to the right, so I just figured I'd comment out that page as its the only place the error shows up. And then I also would like to at this point in time disable the discount coupons page as I don't have anything like that setup right now. What are the best ways about going to this? I don't know anything about HTML really. Thanks. And again, great template!!

https://www.thedidgmaster.ca/onlinestore

[jettrue]

Hi, I am trying to implement this template into my bi-lingual test site (chinese/english). the url is = http://enjoyhotel.com.tw/dev/estore/ b
As you can see, the title/dropdown names didn't appear correctly, would you pls advise on how to go about correcting this issue? many thanks!!

great work on the template!

There are language files in this template, so if you're using more than one language, you'll need to make a copy of any english language files, copy them to the chinese folder, and of course change the text in the language file to be chinese.

[jettrue]

This is a most amazing template, I love it. I do have a question. How does one go about commenting out certain header options? I notice that everytime I go to the "New Products" page, theres an error on the column to the right, so I just figured I'd comment out that page as its the only place the error shows up. And then I also would like to at this point in time disable the discount coupons page as I don't have anything like that setup right now. What are the best ways about going to this? I don't know anything about HTML really. Thanks. And again, great template!!

https://www.thedidgmaster.ca/onlinestore

I wouldn't ignore that error. It seems to have something to do with your installation of a zen cart faq manager? I'd go to the support thread for that mod, and ask them for help. Just ignoring that sql error may get you into trouble in the future. From some reading in the Faq Manager thread, there seems to be a common problem with sql issues.... Are you using the latest version of Faq Manager? Also, before you get too far into developing this site, I'd install the latest version of Apple Zen, as well.

To disable discount coupons, go to "Modules", "Order Total", and uninstall the Coupons module. It will disappear from the drop down menu.


Here's a link to a section of the Faq Manager thread:

http://www.zen-cart.com/forum/showth...e_added&page=9

around thread #86, there begin to be some solutions offered, but again, I would post there if you haven't already.

[jettrue]

first pic
http://img221.imageshack.us/my.php?image=firefoxev8.jpg
second pic
http://img98.imageshack.us/img98/1675/ie7fv2.th.jpg
third pic
http://img233.imageshack.us/my.php?image=menuyh0.jpg

Thanks for solving the first problem (with firefox)
Now.. menu is really breaking into two lines (shoping cart is in new line) but it's not the main issue... the real problem is that when you go to any link (let's say Categories) the table is not entirely grey, so things behind are seen.
edit:
And yes, I'm using the latest dropdown menu.

The issue is this:

li { background:url(../images/list_back.gif) repeat-x bottom; padding-left:12px; line-height:22px; color:#BDBDBD; }

inside style.css, which says that EVERY list item, anywhere on the site, needs to have the little white dot, and 12px of left padding. The 12px of left padding is what is making the menu wrap.

So, I would change the above to:

.columnLeft li { background:url(../images/list_back.gif) repeat-x bottom; padding-left:12px; line-height:22px; color:#BDBDBD; }

so that this only occurs for things in the sideboxes, and not the whole site.

[boriZ]

thanks for your fast help!
Just 1 question left... Can I remove that little triangles in the menu and how?

[bumba000]

thanks for your fast help!
Just 1 question left... Can I remove that little triangles in the menu and how?

boriZ
if you are working on css drop menu here is your answer. . .
in stylesheet_header_menu.css should be line 52 you'll find

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

you need to place a /* before the line. it should look like this,

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

Hope this helps.
John