CSS Dropdown menu for the header- With Categories!

[jettrue]

I have a major problem that I can't figure out. I moved my "About Us" link from the "Information" dropdown to the "Contact Us" dropdown. It works fine in IE7 but nothing drops down in FireFox. I'm using the latest version of FireFox and don't really know anything about PHP coding. Here is the code from the tpl_drop_menu.php file. Can someone tell me what I've done wrong?

<li class="submenu"><a href="<?php echo zen_href_link(FILENAME_DEFAULT); ?>"><?php echo HEADER_TITLE_INFORMATION; ?></a>
<ul class="level2">
<li><a href="<?php echo zen_href_link(FILENAME_SHIPPING); ?>"><?php echo HEADER_TITLE_SHIPPING_INFO; ?></a></li>
<li><a href="<?php echo zen_href_link(FILENAME_PRIVACY); ?>"><?php echo HEADER_TITLE_PRIVACY_POLICY; ?></a></li>
<li><a href="<?php echo zen_href_link(FILENAME_CONDITIONS); ?>"><?php echo HEADER_TITLE_CONDITIONS_OF_USE; ?></a></li>
<?php if (defined('FILENAME_SITE_MAP')) { ?><li><a href="<?php echo zen_href_link(FILENAME_SITE_MAP); ?>"><?php echo HEADER_TITLE_SITE_MAP; ?></a></li>
<?php } ?><?php if (MODULE_ORDER_TOTAL_GV_STATUS == 'true') { ?><li><a href="<?php echo zen_href_link(FILENAME_GV_FAQ, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_GV_FAQ; ?></a></li>
<?php } ?><?php if (MODULE_ORDER_TOTAL_COUPON_STATUS == 'true') { ?><li><a href="<?php echo zen_href_link(FILENAME_DISCOUNT_COUPON, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_DISCOUNT_COUPON; ?></a></li>
<?php } ?><?php if (SHOW_NEWSLETTER_UNSUBSCRIBE_LINK == 'true') { ?><li><a href="<?php echo zen_href_link(FILENAME_UNSUBSCRIBE, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_UNSUBSCRIBE; ?></a></li><?php } ?>
</ul>
</li>

<li class="submenu"><a href="<?php echo zen_href_link(FILENAME_CONTACT_US, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CONTACT_US; ?></a></li>
<ul class="level2">
<?php require(DIR_WS_MODULES . 'sideboxes/' . $template_dir . '/' . 'ezpages_drop_menu.php'); ?>
</ul> <li class="submenu"><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a>
<ul class="level2">
<?php if ($_SESSION['customer_id']) { ?>
<li><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a></li>
<li><a href="<?php echo zen_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGOFF; ?></a></li>
<li><a href="<?php echo zen_href_link(FILENAME_ACCOUNT_NEWSLETTERS, '', 'SSL'); ?>"><?php echo HEADER_TITLE_NEWSLETTERS; ?></a></li><?php } else { ?>
<li><a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGIN; ?></a></li>
<li><a href="<?php echo zen_href_link(FILENAME_CREATE_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CREATE_ACCOUNT; ?></a></li>
<?php } ?>
</ul>
</li>
<?php if ($_SESSION['cart']->count_contents() != 0) { ?>
<li class="submenu"><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a>
<ul class="level2">
<li><a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CHECKOUT; ?></a></li>
</ul>
</li>
<?php } else { ?>
<li><a class="noLine" href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a></li>
<?php } ?>
</ul>
</div>
</div>

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>

[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

[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!

[metzler13]

AHA!

Remove text-align:center

from #dropMenuWrapper

in stylesheet.css

PHEW, that was hard to find!

That did it! Thanks a million!