CSS Dropdown menu for the header- With Categories!

[Soniccc]

Thanks! would never have figured this out myself. I had no idea I needed to code the site with a > sign. I don't know how to thank you. THANKS!

[Get Em Fast]

Thanks! would never have figured this out myself. I had no idea I needed to code the site with a > sign. I don't know how to thank you. THANKS!

You're quite welcome. Glad to be of some help.

[Soniccc]

is it possible to set individual width of each dropmenu?

[Get Em Fast]

Each one individually where each one that drops will be a different width, such as Hem Sub-cats dropping down to be 12em wide, while Information Sub-cats drop down to be 14em wide?............. then........No. Sorry.

But......you CAN control it on a whole Level functionality, though......So..........if you're just wanting to make each one of your White dropdown parts as wide as your Blue "buttons", then Yes. Find these sections in the css:

div#dropMenu ul ul li {/*border: 1px solid #CCC;*/width:14em;z-index:1000;}

and:

div#dropMenu ul.level1 li.submenu:hover ul.level2, 
div#dropMenu ul.level2 li.submenu:hover ul.level3,
div#dropMenu ul.level3 li.submenu:hover ul.level4,
div#dropMenu ul.level4 li.submenu:hover ul.level5,
div#dropMenu ul.level5 li.submenu:hover ul.level6,
div#dropMenu ul.level6 li.submenu:hover ul.level7,
div#dropMenu ul.level7 li.submenu:hover ul.level8 {position: absolute; width: 14em;display:block;z-index:1000;}

And change the width in BOTH of those to 14em. That should make those levels as wide as your buttons.

Now, when you do that, then it's going to stack your 3rd level on top of your 2nd level. So, you'll want to find this section and edit it to be 14em, also:

div#dropMenu ul.level3, 
div#dropMenu ul.level4, 
div#dropMenu ul.level5, 
div#dropMenu ul.level6, 
div#dropMenu ul.level7,
div#dropMenu ul.level8{top: 0; left: 12em; background:#fff;}

That will push the 3rd level over to the edge of the 2nd level.

Hope this helps.

[Soniccc]

Thanks!!! Does this mean I may assign width to top-menu "Hem" to suit text-width of 'Hem'!? I've seen this on many pages and it looks beautiful!

[Get Em Fast]

To make the 'buttons' ONLY as wide as the text? You can do that if you really want to, as the longer words will start to wrap on you. And you'll never get it down to the size of a 3 letter word without TOTALLY messing it up.
Shoot, I though you had it looking pretty good the way it is, now.........................
This section here:

div#dropMenu li {
    position:relative;
    list-style:none; 
    margin:0; 
    float:left; 
    line-height:1em;
    width:16.667%;
    *width:16.649%;
    }

You'll have to play around with it to get it the exact width you want.

[Soniccc]

Thanks for the hint! I think I've found a way by assigning each #dropMenu an individual id# in tpl_drop_menu.php like this:

<div id="dropMenuWrapper">
<div id="dropMenuWrapperb">
<div id="dropMenuWrapperc">
<div id="dropMenuWrapperd">
<div id="dropMenu">
<div id="dropMenu1">
<ul class="level1">
<li class="submenu"><a href="<?php echo zen_href_link(FILENAME_DEFAULT); ?>"><?php echo HEADER_TITLE_CATALOG; ?></a>
<ul class="level2">
</ul>
</li>
<div id="dropMenu2">
<li class="submenu"><a href="<?php echo zen_href_link(FILENAME_SITE_MAP); ?>"><?php echo HEADER_TITLE_CATEGORIES; ?></a>
<?php

This seems to work.. (I need to learn some php coding though...)

[tcjay]

Thanks for the contribution!. Much appreciated. It just what I am looking for. I am trying to understand the code and have a few questions:


- For some reason the contact us drop down list does not appear. Looking at tmp_drop_menu there should be a drop down list for contact us as well as the shopping cart.

- In the categories_ul_generator file there are a couples of lines

var $document_types_list = ' (3) ';
// acceptable format example: ' (3, 4, 9, 22, 18) '

What does this document_types_variable_do?

_ How do I get the ez_ pages to appear in the menu. I think if I want to delete what appears in the menu, I need to adjust the tmp_drop_menu but as far as adding the ez_pages, I am not sure how to proceed.

- For some reason after "Information" , nothing else on the loads. I have attached a copy of my website so you can see what I am referring to.

Thanks for your time. Tom

[ramada]

Dear Friends,

I'm using Zen Cart v1.3.9g. I installed CSS Dropdown menu for the header- With Categories! But the old static categories menu is also there. Maybe, this is not the right place for this message, but if someone can help me to disable this, it'll be very nice. Also I wanna dissable the Home and Login on the left upper corner, but I don't know how. Here is my site, so you can take a look at this.

Thanks a lot


Dario

http://www.robinjsstore.com

[DivaVocals]

Dear Friends,

I'm using Zen Cart v1.3.9g. I installed CSS Dropdown menu for the header- With Categories! But the old static categories menu is also there. Maybe, this is not the right place for this message, but if someone can help me to disable this, it'll be very nice. Also I wanna dissable the Home and Login on the left upper corner, but I don't know how. Here is my site, so you can take a look at this.

Thanks a lot


Dario

http://www.robinjsstore.com

and you are right.. this support thread is not the right place to post this.. You should start your own thread to get help on this..