Forums / Templates, Stylesheets, Page Layout / space below logo wrapper/above EZ NAV

space below logo wrapper/above EZ NAV

Locked

Views: 3,747

Results 1 to 8 of 8
This thread is locked. New replies are disabled.
8 Sep 2007, 3:44 PM
#1
cpking avatar

cpking

New Zenner

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

space below logo wrapper/above EZ NAV

Site is http://store.hawksrest.com/zencart.

Trying to remove the white space below the top image (between the image and EZ Pages Header bar).

I'm sure this is easy, but I'm new and trying to hunt and peck my way through it.
Thanks in advance.

Clayton King
Zen Noobie

8 Sep 2007, 8:06 PM
#2
kuroi avatar

kuroi

Totally Zenned

Join Date:
Apr 2006
Location:
London, UK
Posts:
10,475
Plugin Contributions:
11

Re: space below logo wrapper/above EZ NAV

A starting point would be to add the following to your stylesheet> #headerWrapper br {line-height:0}and see if that's sufficient to deal with the problem.

Kuroi Web Design and Development | Twitter

(Questions answered in the forum only - so that any forum member can benefit - not by personal message)

8 Sep 2007, 8:53 PM
#3
cpking avatar

cpking

New Zenner

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

Re: space below logo wrapper/above EZ NAV

WOW! That caused all sorts of strange issues - the nav bar shrunk and the links were over written by the text on the main page...

Clayton King
Zen Noobie

8 Sep 2007, 10:39 PM
#4
kuroi avatar

kuroi

Totally Zenned

Join Date:
Apr 2006
Location:
London, UK
Posts:
10,475
Plugin Contributions:
11

Re: space below logo wrapper/above EZ NAV

Guess that must be why I described it as a starting point! In these cases there's often the need to apply a change such as that recommended above, but then add in some compensating changes to prevent other aspects of the layout from collapsing.

If alternative stragey if you don't want to go down that route would be to remove the offending BR tag from the the PHP. You'll find it in your tpl_header.php file. Though you may still need a compensating adjustment such as adding "clear:both" styling to your #navEZPagesTop, and possibly an additional hack for IE.

Kuroi Web Design and Development | Twitter

(Questions answered in the forum only - so that any forum member can benefit - not by personal message)

9 Sep 2007, 6:26 AM
#5
dbltoe avatar

dbltoe

Totally Zenned

Join Date:
Jan 2004
Location:
N of San Antonio TX
Posts:
9,852
Plugin Contributions:
18

Re: space below logo wrapper/above EZ NAV

I think this can be attributed to a change in the stylesheet for the logoWrapper. Someone with the initials CPK :D changed the height to 110px. Try changing that back to 75 or maybe 80 to see if that doesn't help you.

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.
Zen Cart Certified hosting at myZenCartHost.com

9 Sep 2007, 9:01 AM
#6
kuroi avatar

kuroi

Totally Zenned

Join Date:
Apr 2006
Location:
London, UK
Posts:
10,475
Plugin Contributions:
11

Re: space below logo wrapper/above EZ NAV

dbltoe:

I think this can be attributed to a change in the stylesheet for the logoWrapper. Someone with the initials CPK :D changed the height to 110px. Try changing that back to 75 or maybe 80 to see if that doesn't help you.The background image being used in the logoWrapper is 110px high, so reducing the height of that div would crop the image and only move the unwanted white bar upwards.

Kuroi Web Design and Development | Twitter

(Questions answered in the forum only - so that any forum member can benefit - not by personal message)

9 Sep 2007, 10:19 AM
#7
cpking avatar

cpking

New Zenner

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

Re: space below logo wrapper/above EZ NAV

Exactly; I'm trying to figure out if the space is somehow part of the nav bar. Don't see anything in my css that says so though.

Clayton King
Zen Noobie

9 Sep 2007, 12:11 PM
#8
kuroi avatar

kuroi

Totally Zenned

Join Date:
Apr 2006
Location:
London, UK
Posts:
10,475
Plugin Contributions:
11

Re: space below logo wrapper/above EZ NAV

The space is due to the <br class=clearBoth /> tag immediately after the logoWrapper div. That's why setting its height to zero or removing it will get rid of your whitespace. However both approaches will have knock on effects that also need to be dealt with.

Kuroi Web Design and Development | Twitter

(Questions answered in the forum only - so that any forum member can benefit - not by personal message)