Results 1 to 2 of 2
  1. #1
    Join Date
    Feb 2010
    Posts
    237
    Plugin Contributions
    0

    Default Modify top header height

    I want to make the top header smaller so it matches the height of my logo. That will get rid of the white space and give me more space 'above the fold'.

    I have tried changing the stylesheet, and the header.php file, but I can't seem to come up with what I want.

    My site is http://poolcuesexpress.com

    Any help would be appreciated.

    Dave

  2. #2
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default Re: Modify top header height

    I am assuming that you have a custom tpl_header.php in your template
    If not make a copy for it

    You can try removing one or both of the clears I have highlighted

    Code:
    <div id="headerWrapper">
    <!--bof-branding display-->
    <div id="logoWrapper">
        <div id="logo"><a href="http://poolcuesexpress.com/"><img src="includes/templates/Cue-Express/images/logo.gif" alt="Powered by Zen Cart :: The Art of E-Commerce [home link]" title=" Powered by Zen Cart :: The Art of E-Commerce [home link] " width="200" height="100" /></a></div>
        <div id="taglineWrapper">
          <div id="tagline"><h1>Pool Cues Express</h1></div>
    
        </div>
    </div>
    <br class="clearBoth" />
    <!--eof-branding display-->
    
    <!--bof-navigation display-->
    <div id="navMainWrapper">
    <div id="navMain">
        <ul class="back">
        <li><a href="http://poolcuesexpress.com/">Home</a></li>
        <li><a href="https://poolcuesexpress.com/index.php?main_page=login">Log In</a></li>
    
    </ul>
    </div>
    <div id="navMainSearch"><form name="quick_find_header" action="http://poolcuesexpress.com/index.php?main_page=advanced_search_result" method="get"><input type="hidden" name="main_page" value="advanced_search_result" /><input type="hidden" name="search_in_description" value="1" /><input type="text" name="keyword" size="6" maxlength="30" style="width: 100px" value="Enter search keywords here" onfocus="if (this.value == 'Enter search keywords here') this.value = '';" onblur="if (this.value == '') this.value = 'Enter search keywords here';" />&nbsp;<button class="cssButton button_search" onmouseover="this.className='cssButtonHover button_search button_searchHover'" onmouseout="this.className='cssButton button_search'" type="submit" value="Search">Search</button></form></div>
    <br class="clearBoth" />
    </div>
    <!--eof-navigation display-->
    
    <!--eof-header logo and navigation display-->
    
    <!--bof-optional categories tabs navigation display-->
    <!--eof-optional categories tabs navigation display-->
    
    <!--bof-header ezpage links-->
    <!--eof-header ezpage links-->
    </div>

 

 

Similar Threads

  1. height of top tool bar
    By Sushigal in forum Templates, Stylesheets, Page Layout
    Replies: 8
    Last Post: 19 May 2010, 11:12 AM
  2. Computer height of top border, where?
    By jeking in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 18 Mar 2010, 05:08 PM
  3. Height of top category wrapper
    By hambone in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 12 Apr 2009, 10:13 PM
  4. how do I decrease the height of the top banner or header
    By alma1 in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 17 Jul 2008, 01:54 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