Aligning Header and Attributes

[haredo]

In Firefox when I hover over the Menu header the drop downs work perfect but when I try to select a subcategory, the drop down disappears... No good I can't select nothing but Signature Scents Menu Subcategories...

[dbltoe]

Hard to look at it when it keeps going down.

[Amabelle]

Thank you again for replying!
Haredo - I honestly have no idea how to go about fixing this! I'm on IE8 and IE9 and it seems to be working although sometimes the drop down menu does disappear if the cursor isn't placed well. Is this something to fix inside the css for the dropdown margin?

dbletoe - I've managed to get on with no problems on 3 different computers using 2 different internet service providers and 2 different browers. Again, I'm totally clueless as to how to go about fixing this..

[dbltoe]

You are a victim of the mod. Not only did they place css in the tpl file, they hard-coded the offending <br /> in the file as well.

Changes to follow.

[dbltoe]

Line 14 - 36 (the style tag) should have been added to the stylesheet already from above. If it has, remove that entire section from the file.

Around line 70 of the file you should find

echo '<li>'.'<a href="' . zen_href_link(FILENAME_DEFAULT, $cPath_new) . '">'.$subcategories_tab->fields['categories_name'].'</a></li><br />';

Remove the offending <br />

Around line 84 of the file you should find

echo '<li>'.'<a href="'.zen_href_link(zen_get_info_page($products_tab->fields['products_id']),$cPath_new. '&products_id=' . $products_tab->fields['products_id']) . '">'.$products_tab->fields['products_name'].'</a></li><br />';

Again, remove the offending <br />

This should make the menus work much more gooderer

The idea behind the mod is good but the execution of the code does not match Zen Cart structure or proper html format.

[Amabelle]

dbltoe - you are awesome! I really can't say how grateful I am for your guidance.

I made the changes, saved and uploaded the file.
The menu seems to be much more "gooderer" but (there's always a but!) some of the categories ("Clarity Spray" under "Therapeutic Scents" and "Hair" under "Personal Care") are now aligning to the right instead of following the vertical dropdown structure.

[Amabelle]

Argh, the only way to get the subcategories to align correctly was to put in </br> so I guess they'll have to stay in for now...

[dbltoe]

In that case try changing it to

echo '<li>'.'<a href="'.zen_href_link(zen_get_info_page($products_tab->fields['products_id']),$cPath_new. '&products_id=' . $products_tab->fields['products_id']) . '">'.$products_tab->fields['products_name'].'</a><br /></li>';

At least that will help with the html.

[gjh42]

You can fix the disappearing subcats by changing the first 0 to -1px (top margin):
stylesheet.css (line 408)

#navCatTabsDropdown li ul {
    background-color: #AF5980;
    color: #F6D2E4;
    margin: -1px 0 2px 2px;
    position: absolute;
    visibility: hidden;
    width: 215px;
    z-index: 100;
}

There appears to be a 1px border around the <ul> and when the cursor is moved slowly over it, the border hides the container from the mouse... strange I know, but the negative top margin fixes the flicker.

[Amabelle]

dbltoe - thanks for (again) replying and your suggestion! I tried it and for some bizarre reason it went back to the old alignment with everything listing vertically except for the "Clarity Spray" under "Therapeutic Scents" and "Hair" under "Personal Care" which were aligning right. I think I'll just have to live with the bad html...

gjh42 - you're a genius. I'm sure you get that a lot on here but you really really are! Thanks - your negative margin worked a treat