CSS Dropdown menu for the header- With Categories!

[Vood]

I would put everything back to original, then add the link like this:

<li class="submenu">
<a href="<?php echo zen_href_link(FILENAME_CONTACT_US, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CONTACT_US; ?></a>
<ul class="level2">
<li><a href="/index.php?main_page=about_us">About Us</a></li>
</ul>
</li>

Thanks! Worked great. Now, what do I do with the "About Us" link that is showing up under the "Information" heading? I will likely be adding more EZ pages and would like to be able to put them under the headings of my choice. Is this possible to do? If so, how would I do it? Thanks very much.

Vood

[metzler13]

Help! The CSS Dropdown header works great in Firefox but it shifts to the right in IE 7.0. Also the DD header is slightly longer than the rest of the site. I'm using the narrow pages. I just started building it today. It's my first ZenCart so no laughing. Here is the link: www.guardfightgear.com/catalog.

[jettrue]

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 images don't help me. Can I see your site? You can PM me if you want to keep it private.

[jettrue]

Help! The CSS Dropdown header works great in Firefox but it shifts to the right in IE 7.0. Also the DD header is slightly longer than the rest of the site. I'm using the narrow pages. I just started building it today. It's my first ZenCart so no laughing. Here is the link: www.guardfightgear.com/catalog.

In includes/templates/apple_zen/stylesheet_header_menu.css, change the two instances of 100%, back to 70em.

[jettrue]

Thanks! Worked great. Now, what do I do with the "About Us" link that is showing up under the "Information" heading? I will likely be adding more EZ pages and would like to be able to put them under the headings of my choice. Is this possible to do? If so, how would I do it? Thanks very much.

Vood

Well, just remove it:

<li><a href="<?php echo zen_href_link(FILENAME_ABOUT_US); ?>"><?php echo HEADER_TITLE_ABOUT_US; ?></a></li>

If you want to move other ezpages, you'll just have to do them manually.

[metzler13]

Well that took care of the width of the header menu in FIREFOX but it is still shifting off the page in IE.

Also, any idea how to figure out why none of the sideboxes will display. At one time I set to not display any of them but I changed back but can't get any to display. I've change the settings in the layout boxes controller but still to no success.

[jettrue]

Well that took care of the width of the header menu in FIREFOX but it is still shifting off the page in IE.

Also, any idea how to figure out why none of the sideboxes will display. At one time I set to not display any of them but I changed back but can't get any to display. I've change the settings in the layout boxes controller but still to no success.

Did you turn the sideboxes back on, under "Configuration", "layout settings"?

As far as the shifting, I'm looking into that... apparently that's something I missed, cause it happens on my test site! Dang darn dang!!

[metzler13]

I thought I turned them back on but apparently I didn't. Oops!

I haven't said this yet but GREAT TOOLS and TEMPLATES!!!

[bumba000]

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

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,

any help is greatly appreciated.

Thank you,
John

[jettrue]

Well that took care of the width of the header menu in FIREFOX but it is still shifting off the page in IE.

AHA!

Remove text-align:center

from #dropMenuWrapper

in stylesheet.css

PHEW, that was hard to find!