Results 1 to 8 of 8
  1. #1

    Default 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.

  2. #2
    Join Date
    Apr 2006
    Location
    London, UK
    Posts
    10,569
    Plugin Contributions
    25

    Default 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)

  3. #3

    Default 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...

  4. #4
    Join Date
    Apr 2006
    Location
    London, UK
    Posts
    10,569
    Plugin Contributions
    25

    Default 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)

  5. #5
    Join Date
    Jan 2004
    Location
    N of San Antonio TX
    Posts
    9,144
    Plugin Contributions
    11

    Default 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 changed the height to 110px. Try changing that back to 75 or maybe 80 to see if that doesn't help you.

  6. #6
    Join Date
    Apr 2006
    Location
    London, UK
    Posts
    10,569
    Plugin Contributions
    25

    Default Re: space below logo wrapper/above EZ NAV

    Quote Originally Posted by dbltoe View Post
    I think this can be attributed to a change in the stylesheet for the logoWrapper. Someone with the initials CPK 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)

  7. #7

    Default 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.

  8. #8
    Join Date
    Apr 2006
    Location
    London, UK
    Posts
    10,569
    Plugin Contributions
    25

    Default 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)

 

 

Similar Threads

  1. Blank space above and below the header logo
    By sonduarte in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 8 Jan 2010, 08:54 PM
  2. Nav bars above and below my banner
    By YZ250 in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 19 Feb 2009, 01:37 AM
  3. Empty space - below logo and below Home & Log in links - how to delete?
    By dabone in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 21 Jan 2009, 01:18 AM
  4. empty space above nav in IE?
    By dpecsok in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 19 Jun 2008, 06:00 AM
  5. Space above and below mainWrapper
    By oxicottin in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 16 Sep 2007, 02:46 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR