Extra White Space On Header.

  • I have the dumbest question ever. I have about a inch of a gap at the top of my webpage after i messed around with the header a little to hide menu items. Below ill show the codes for Header & What I edited on Header. The Theme is Fable (free template just google Fable Wp Theme)

    HEADER

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="https://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
<head>
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title>
	<?php
		if (is_home()) { bloginfo('name'); echo " - "; bloginfo('description'); }
		elseif (is_category() || is_tag()) { single_cat_title(); }
		elseif (is_single() || is_page()) { single_post_title(); }
		elseif (is_search()) { _e('Search Results:', THEMENAME); echo " ".wp_specialchars($s); }
		else { echo trim(wp_title(' ',false)); }
		if (!is_home()) { theme_var('appendToPageTitle'); }
	?>
</title>

<link type="text/css" rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" media="screen" />

<link type="text/css" rel="pingback" href="<?php bloginfo('pingback_url'); ?>" media="screen" />

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<!--[if IE 6]>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery.pngFix.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $(document).pngFix();
    });
</script>
<![endif]-->
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/cufon/cufon.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/cufon/Myriad_Pro.font.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/cufon/Myriad_Pro_700.font.js"></script>
<script type="text/javascript">
	Cufon.replace('.logo_text',{fontFamily: 'Myriad Pro'});
	Cufon.replace('#menu a',{fontFamily: 'Myriad Pro', hover:true});
	Cufon.replace('h1',{fontFamily: 'Myriad Pro', hover:true});
	Cufon.replace('h2',{fontFamily: 'Myriad Pro', hover:true});
	Cufon.replace('.recent_articles ul li a',{fontFamily: 'Myriad Pro', hover:true});
	Cufon.replace('.comment_box h3',{fontFamily: 'Myriad Pro'});
	Cufon.replace('#respond h3',{fontFamily: 'Myriad Pro'});
	Cufon.replace('.cont_right caption',{fontFamily: 'Myriad Pro'});
	Cufon.replace('#calendar_wrap thead',{fontFamily: 'Myriad Pro'});
	Cufon.replace('.archive_post h3',{fontFamily: 'Myriad Pro'});
	Cufon.replace('h1, h2, h3, h4, h5, h6',{fontFamily: 'Myriad Pro', hover:true});
	Cufon.replace('.dropcap1, .dropcap2, .dropcap3, .dropcap4',{fontFamily: 'Myriad Pro', hover:true});
</script>

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery.bgiframe.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery.kwicks-1.5.1.pack.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery.quicksand.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery.tools.validator.min.js"></script>

<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>

<?php wp_head(); ?>

</head>

<body>
	<!-- WRAP START -->
	<div class="wrap">

		<!-- PAGE START -->
		<div id="page">

			<!-- HEADER START -->
			<div id="header">

				<div class="head_left">
					<div class="logo">
						<?php
							if (theme_var('MainlogoImage','return')) {
								$themeLogo = '<a href="'. get_bloginfo('url') .'" class="logo_img"><img src="'. theme_var('MainlogoImage','return') .'" alt="'. get_bloginfo('name') .'" /></a>';
							} else {
								$themeLogo = '<a href="'. get_bloginfo('url') .'" class="logo"></a>';
							}
						?>
						<div id="Logo">
							<?php echo $themeLogo; ?>
						</div>
					</div>
				</div>

				<div class="head_right">
					<div class="menu_right">
						<ul>
							<li <?php if(is_home()){?>class="current-cat"<?php }?>><a class="home" href="<?php bloginfo('url'); ?>" title="Home"></a></li>
							<?php
								$my_pages = wp_list_pages('exclude=89,87,291,293,334');
								$var1 = '<a';
								$var2 = '<a';
								$var3 = '</a';
								$var4 = '</a';
								$my_pages = str_replace($var1, $var2, $my_pages);
								$my_pages = str_replace($var3, $var4, $my_pages);
								echo $my_pages;
							?>
						</ul>
					</div>
					<div class="clear"></div>

					<!-- SEARCH FORM START -->
					<?php $search_text = "search"; ?>
					<form id="searchform" action="<?php bloginfo('home'); ?>/" method="get">
						<fieldset>
							<input type="text" value="<?php echo $search_text; ?>" name="s" id="s" class="search_text" onclick="this.value=''" onblur="if (this.value == '') {this.value = '<?php echo $search_text; ?>';}" onfocus="if (this.value == '<?php echo $search_text; ?>') {this.value = '';}" />
							<input type="submit" value="" class="search_submit" id="searchsubmit" />
						</fieldset>
					</form>
					<!-- SEARCH FORM END -->
				</div>

				<div class="clear"></div>

				<!-- MENU START -->
				<div id="menu">
					<ul>
						<?php wp_list_categories('exclude='.get_cat_id('portfolio').'&title_li='); ?>
					</ul>

				</div>
				<!-- MENU END -->

			</div>
			<!-- HEADER END -->

			<div class="clear"></div>

    What I Changed

    <ul>
							<li <?php if(is_home()){?>class="current-cat"<?php }?>><a class="home" href="<?php bloginfo('url'); ?>" title="Home"></a></li>
							<?php
								$my_pages = wp_list_pages('exclude=89,87,291,293,334');
								$var1 = '<a';
								$var2 = '<a';
								$var3 = '</a';
								$var4 = '</a';
								$my_pages = str_replace($var1, $var2, $my_pages);
								$my_pages = str_replace($var3, $var4, $my_pages);
								echo $my_pages;
							?>
						</ul>

Viewing 4 replies - 1 through 4 (of 4 total)
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Extra White Space On Header.’ is closed to new replies.