I noticed that my fix for the bottom shadow line moving around had some unintended consequences. The "Home Link" in the footer started to move around. It seems that the drop-down menu doesn't play nice with anything in the same <div>! So, here is my new fix which solves this problem:
Add to stylesheet.css:
#bottomLineWrapper {
width:100%;
margin:0 auto;
margin-top:-6px;
*float:left;
position:relative;
top:2.18em;
}
#bottomLine {
margin:0 auto;
text-align:center;
width:70.3em;
padding-top:1em;
}
Change in stylesheet.css by replacing navSupp with bottomLine:
- html #centerColumnWrapper, * html #centerColumnWrapperb, * html #headerWrapperb, * html #headerWrapperc, * html #dropMenuWrapperc, * html #dropMenuWrapperd, * html #bottomLine {
background:none!important; /* Hides the transparent shadows from older versions of IE */
}
#bottomLine {
background:url(../images/shadowAlpha_bot.png) repeat-x top;
}
And change the following in stylesheet.css by adding bottomLine to all of these:
#navSupp ul, #bottomLine ul {
list-style-type:none;
text-align:center;
line-height:1.5em;
padding: 0.3em 0;
margin:0;
}
#navSupp li, #navCatTabs li, #navMainLinks li, #bottomLine li {
display:inline;
padding:0 0.5em;
margin:0;
}
#navSupp ul li a, #navCatTabs ul li a, #bottomLine ul li a {
text-decoration:none;
margin:0;
white-space:nowrap;
display:inline;
font-weight:bold;
width:0;
color:#4f4f4f;
}
#navSupp ul li a:hover, #navCatTabs ul li a:hover, #bottomLine ul li a:hover {
color:#0000FF;
text-decoration:underline;
}
Then, edit tpl_footer.php -- you should copy it to the apple_zen "common" overide directory first. Replace the section around "navigation display" with the following:
<!--bof-navigation display -->
<div id="bottomLineWrapper">
<div id="bottomLine">
<ul>
<li><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">'; ?><?php echo HEADER_TITLE_CATALOG; ?></a></li>
<?php if (EZPAGES_STATUS_FOOTER == '1' or (EZPAGES_STATUS_FOOTER == '2' and (strstr(EXCLUDE_ADMIN_IP_FOR_MAINTENANCE, $_SERVER['REMOTE_ADDR'])))) { ?>
<li><?php require($template->get_template_dir('tpl_ezpages_bar_footer.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_ezpages_bar_footer.php'); ?></li>
<?php } ?>
</ul>
</div></div>
<div id="navSuppWrapper">
<div id="navSupp">
</div>
</div>
<!--eof-navigation display -->
That's it! It's not an easy fix, but it works. That drop-down menu just doesn't play nice unless it has its own div id (in this case navSupp & its wrapper).
