Results 1 to 6 of 6
  1. #1
    Join Date
    Oct 2009
    Posts
    56
    Plugin Contributions
    0

    Default Eliminate Space between Top Nav Bar and Header Image

    O.k., so I know that this should be an easy one, but for some reason I can not seem to eliminate the small space in between the Top Nav Bar and my Header Image. I have searched and tried about everything, but nothing seems to do the trick. It is only about 5px's tall or so, but it throws of the look I want.

    I already considered just adding about the same amount of space to the bottom and saw that it worked if I just added a few pixels to what the image size is suppose to be in the below CSS but that is not what I want to do:

    #logoWrapper{
    background-image: url(../images/header_bg1.jpg);
    background-repeat: repeat-x;
    background-color: #383E44;
    height:144px;
    }


    I suspect that there is something I overlooked that is so simple, but I can't figure it out

    If you need to take a look at the site, it is http://www.customreflection.com

    Thank you in advance for your help

  2. #2
    Join Date
    Jan 2005
    Location
    Lake Havasu, AZ
    Posts
    1,149
    Plugin Contributions
    0

    Default Re: Eliminate Space between Top Nav Bar and Header Image

    The whitespace is because of the breadcrumb.

    If you are going to leave your breadcrumb off site wide you could easily remove the code from it in the tpl_main_page.php code (of your custom template of course)

    Hope that helps ;)
    When the world gets in my face I say Have A Nice Day.
    * I DO Think and I HAVE BEEN Zenned - therefore, I AM * I donate - do you?
    Custom Templates and Zen Services CRS Designs, Inc.

  3. #3
    Join Date
    Oct 2009
    Posts
    56
    Plugin Contributions
    0

    Default Re: Eliminate Space between Top Nav Bar and Header Image

    I tried that and it did not work. I commented it out and deleted it all together. To clarify, the space that I am referring to is the space directly under the Top Nav Bar where Home, Log In,etc.. and my Header Image is. See how my image sits snug to the bottom, that is how I would like the top. The silver splatter thing in the design should be flush with the Top Nav Bar, but right now there is about a 5px space.

  4. #4
    Join Date
    Jan 2005
    Location
    Lake Havasu, AZ
    Posts
    1,149
    Plugin Contributions
    0

    Default Re: Eliminate Space between Top Nav Bar and Header Image

    My bad sorry....

    Your problem there is that you have this :
    <br class="clearBoth" />
    Between your navmain and logo area. Change it to <div class="clearboth"></div>

    That will fix it.
    When the world gets in my face I say Have A Nice Day.
    * I DO Think and I HAVE BEEN Zenned - therefore, I AM * I donate - do you?
    Custom Templates and Zen Services CRS Designs, Inc.

  5. #5
    Join Date
    Oct 2009
    Posts
    56
    Plugin Contributions
    0

    Default Re: Eliminate Space between Top Nav Bar and Header Image

    Thank you! That did the trick. I had read somewhere in the forums that it had to do with that line of code, but they had said to delete it. For some reason it did not work for me deleting it, but changing it to what you said worked great. Thanks again!

  6. #6
    Join Date
    Oct 2008
    Posts
    32
    Plugin Contributions
    0

    Default Re: Eliminate Space between Top Nav Bar and Header Image

    THANK YOU THANK YOU THANK YOU!!!

    Just wanted to say thanks as this help me solve a year and a half old problem. I actually gave up on it for a while and it seemed like a good thing to research on a Friday afternoon!!

    If someone has time can they explain the difference in this case?

    -Christopher

    PS If anyone else has this problem the file that needs to be edited is tpl_header.php (I don't believe this was mentioned and thought I would try to help!!)

 

 

Similar Threads

  1. v138a Large Gap in between header image(logo) and my nav bar...
    By allanjhn in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 25 Sep 2012, 06:37 PM
  2. Replies: 1
    Last Post: 10 Jun 2009, 10:16 AM
  3. Too much space between nav bar and main content/product listing
    By TheTiz in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 2 Jun 2009, 12:59 AM
  4. top nav bar different between ie and ff
    By scottgallagher in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 20 May 2009, 04:44 PM
  5. How do i make a space between my navigational bar and header bar
    By hoygs740 in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 11 Sep 2008, 06:03 PM

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