Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / How to remove the gap in the Header box?

How to remove the gap in the Header box?

Locked

Views: 1,412

Results 1 to 6 of 6
This thread is locked. New replies are disabled.
20 Sep 2007, 6:21 PM
#1
biojohn avatar

biojohn

New Zenner

Join Date:
Sep 2007
Posts:
23
Plugin Contributions:
0

How to remove the gap in the Header box?

:huh:
Hi, I recently set up the Zen cart shop and got a problem: there is a gap between logowrapper and categorytab. Could anyone help me how to remove it? Thanks.

My site: http://bioland-sci.com

21 Sep 2007, 3:00 PM
#2
madmumbler avatar

madmumbler

Zen Follower

Join Date:
Dec 2005
Location:
SWFL
Posts:
450
Plugin Contributions:
0

Re: How to remove the gap in the Header box?

Please post some code so we can look at it, thanks.

21 Sep 2007, 3:25 PM
#3
clydejones avatar

clydejones

Deceased

Join Date:
Nov 2005
Location:
Colorado Springs, CO USA
Posts:
7,017
Plugin Contributions:
12

Re: How to remove the gap in the Header box?

biojohn:

:huh:
Hi, I recently set up the Zen cart shop and got a problem: there is a gap between logowrapper and categorytab. Could anyone help me how to remove it? Thanks.

My site: http://bioland-sci.com

madmumbler:

Please post some code so we can look at it, thanks.

open includes/templates/YOUR_TEMPLATE/common/tpl_header.php

find the following section of code:

<br class="clearBoth" />

<!--eof-branding display-->

comment out the highlighted portion

22 Sep 2007, 6:13 AM
#4
lastpirate007 avatar

lastpirate007

Zen Follower

Join Date:
Jul 2007
Posts:
137
Plugin Contributions:
0

Re: How to remove the gap in the Header box?

biojohn:

:huh:
Hi, I recently set up the Zen cart shop and got a problem: there is a gap between logowrapper and categorytab. Could anyone help me how to remove it? Thanks.

My site: http://bioland-sci.com

hi

this is ur css. find it in stylesheet.css & change some lines.

#navMain ul, #navSupp ul, #navCatTabs ul (line 247)

{

margin-top: 0pt; ----------should be 0px

margin-right: 0pt; ----------should be 0px

margin-bottom: 0pt; ----------should be 0px

margin-left: 0pt; ----------should be 0px

padding-top: 0.5em; ------sholud be 0px

padding-right: 0em;

padding-bottom: 0.5em; -----should be 0px

padding-left: 0em;

list-style-type: none;

text-align: center;

font-size: 1em;

line-height: 2em; ----should be 0px

}

22 Sep 2007, 6:42 AM
#5
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: How to remove the gap in the Header box?

Actually, points (pt), ems and pixels are all valid measurement units for these properties. Most of the suggested changes will have no effect as they are 0 anyway, but you probably don't want to remove the padding that is giving the nav lists breathing room above and below, and you certainly don't want to set the line-height to 0.

The standard fix for the posted problem is to change that <br class="clearBoth" /> to <div class="clearBoth"></div>, though just deleting it will probably work fine in most cases.

24 Sep 2007, 7:06 AM
#6
biojohn avatar

biojohn

New Zenner

Join Date:
Sep 2007
Posts:
23
Plugin Contributions:
0

Re: How to remove the gap in the Header box?

:clap:

Thanks a lot. You guys are real Zenners!! Glenn resolved my problem beautifully. Comment out is a good try but not the ultimate solution.