Adjust Header Height

[NancyOK]

Would like the header height shorter where the logo is. Already fixed the logo wrapper and that is as short as it gets. Where else can I adjust settings? I'm using 1.3.7. The link is at: http://www.shop2buyonline.com. Thank you in advance.

[kobra]

Couple of items find the following 2 styledheet entries and change them as indicated below:

#headerWrapper, #contentMainWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
	margin: 0em;
	padding: 0em;
	}

#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
	margin: auto;
	} 

#tagline {
	color:#ffffff;
	font-size: 2em;
	text-align : center;
	vertical-align: middle;
	}

Change to resemble this:

#headerWrapper {
        height: 65px;
	margin: 0em;
	padding: 0em
}


#contentMainWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
	margin: 0em;
	padding: 0em;
	}

#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
	margin: auto;
	} 

#tagline {
        display: none;
	color:#ffffff;
	font-size: 2em;
	text-align : center;
	vertical-align: middle;
	}

[NancyOK]

That modification did help make the header shorter. Is there anything else I can do to make it a little shorter than what it is now? Thank you for your help.

[kobra]

It looks as though it is just containing the drop shadow part of the image - do you want to re-do this image without the shadow?

Oh I just looked at this in IE and think I see your issue....

There is a div for "navCatTabs" that you are not using and in FireFox this is not represented but wonderful IE is saving a place for it.

So for you look in includes/templates/lavender/common/ - - for a file named tpl_header.php - if there is not one there copy this file from includes/templates/template_default/common and once edited place it in your template/common folder

Look for:

<!--bof-optional categories tabs navigation display-->
<?php require($template->get_template_dir('tpl_modules_categories_tabs.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_categories_tabs.php'); ?>
<!--eof-optional categories tabs navigation display-->

<!--bof-header ezpage links-->
<?php if (EZPAGES_STATUS_HEADER == '1' or (EZPAGES_STATUS_HEADER == '2' and (strstr(EXCLUDE_ADMIN_IP_FOR_MAINTENANCE, $_SERVER['REMOTE_ADDR'])))) { ?>
<?php require($template->get_template_dir('tpl_ezpages_bar_header.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_ezpages_bar_header.php'); ?>
<?php } ?>
<!--eof-header ezpage links-->

and either comment it out or delete it and maybe remove the <br class="clearBoth" /> that is just above this

[NancyOK]

Well I put another logo up there and now it's moved really high. Got any ideas? LOL I looked around and couldn't find anything but I don't know much about this stuff.

[kobra]

You need to adjust the wrapper height fort this in your stylesheet.css file:

 #logoWrapper{
    background-color: #ffffff;
    height:80px;
}

change to:
 #logoWrapper{
    background-color: #ffffff;
    height:43px;
}

[NancyOK]

Thank you. It worked!