small white line under my logo

[Didee]

Hi, I have rearranged my cart heeps, and now I have a small white line, under the logo. I just cant see where to fix it. And also I made the background larger, and the dark grey links at the top as well. BUT drop down menu has stayed the same width. Where do I go to fix that also please. Thanks

w.w.w.s t i t c h w i t h .m e

[frank18]

What version of ZC are you using?

Also please post a link to your site.

Frank

www.frnt.org/zencart

[Didee]

Hi, I am using apple zen (help offline at present) and my link is w.w.w.s t i t c h w i t h .m e

[kuroi]

That white line is part of your header image.

[Didee]

Thanks , that fixed the white line. Also have this problem --- I made the background larger, and the dark grey links at the top as well. BUT drop down menu has stayed the same width. Where do I go to fix that also please. Thanks

[haredo]

Thanks , that fixed the white line. Also have this problem --- I made the background larger, and the dark grey links at the top as well. BUT drop down menu has stayed the same width. Where do I go to fix that also please. Thanks

Di,
Locate this:
includes/templates/apple_zen/css/stylesheet_header_menu.css

Find this:

div#dropMenu li:hover {}
/*div#dropMenu li.submenu {background: url(../images/dropmenu.gif) 95% 50% no-repeat;} */
div#dropMenu li.submenu:hover {}
div#dropMenu li a.noLine {border:none;}
div#dropMenu>ul a {width: auto;z-index:1000;}
div#dropMenu ul ul {display: none;}
div#dropMenu ul ul li {border-bottom: 1px solid #CCC; width:12em;z-index:1000;}
/*div#dropMenu li.submenu li.submenu {background: url(../images/submenu.gif) 95% 50% no-repeat;} */
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: 12em;display:block;z-index:1000;}
div#dropMenu ul.level2 {background:#4f4f4f;z-index:1000;position:absolute;left:0;}
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:#4f4f4f}
div#dropMenu ul.level2 a {padding: 0.5em 0 0.5em 0.25em;color: white; text-transform:none;} /* this is text color on drop-down submenu */
div#dropMenu ul.level2 a:hover {color:#4f4f4f;}

1. the highlighted red font declarations (2) from above needs to be edited
2. div#dropMenu ul ul li {border-bottom: 1px solid #CCC; width:12em;z-index:1000;}
3. change to
4. div#dropMenu ul ul li {border-bottom: 1px solid #CCC; width:13.2em;z-index:1000;backbround:#4f4f4f;}
5. div#dropMenu ul.level8{top: 0; left: 12em; background:#4f4f4f}
6. change to
7. div#dropMenu ul.level8{top: 0; left: 13.2em; background:#4f4f4f;}