Results 1 to 6 of 6
  1. #1
    Join Date
    Sep 2007
    Posts
    23
    Plugin Contributions
    0

    help question How to remove the gap in the Header box?


    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

  2. #2
    Join Date
    Dec 2005
    Location
    SWFL
    Posts
    469
    Plugin Contributions
    0

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

    Please post some code so we can look at it, thanks.
    Lesli in SW Florida ~ writer, teacher, and dodging hurricanes!

  3. #3
    Join Date
    Nov 2005
    Location
    Colorado Springs, CO USA
    Posts
    7,033
    Plugin Contributions
    31

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

    Quote Originally Posted by biojohn View Post

    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
    Quote Originally Posted by madmumbler View Post
    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

  4. #4
    Join Date
    Jul 2007
    Posts
    138
    Plugin Contributions
    0

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

    Quote Originally Posted by biojohn View Post

    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

    }

  5. #5
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

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

  6. #6
    Join Date
    Sep 2007
    Posts
    23
    Plugin Contributions
    0

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



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

 

 

Similar Threads

  1. How do I remove this gap in the header?
    By NAJ in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 16 May 2009, 09:48 AM
  2. How do I remove the space between the header and the breadcrumb?
    By vinnybhaskar in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 5 Feb 2009, 06:40 AM
  3. how do I remove the category box header and footer row
    By ribbonsbaskets0 in forum General Questions
    Replies: 1
    Last Post: 16 Nov 2008, 09:50 PM
  4. How do i remove the GAP
    By khota in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 1 Oct 2008, 07:21 AM
  5. How in the world do you remove that gap below the header?!
    By CobraPlant in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 18 Nov 2007, 11:31 AM

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