Gap at the top/header not going all the way to the top of the page

  • I need some help, there is a gap at the top of my site, the background image shows, but my webpage doesn’t quite reach. It’s super annoying and I can’t figure out why.

    See it here:

    https://www.thepinksprinkle.com

    Header info:

    <?php
    /**
    * The Header for our theme.
    *
    * Displays all of the <head> section and everything up till <div id=”main”>
    *
    * @package WordPress
    * @subpackage WordPress_Canvas
    * @since WordPress Canvas 1.0
    * @author Chris Baldelomar
    * @website https://wordpresscanvas.com/
    */
    ?><!DOCTYPE html>
    <!–[if IE 7]>
    <html class=”ie ie7″ <?php language_attributes(); ?>>
    <![endif]–>
    <!–[if IE 8]>
    <html class=”ie ie8″ <?php language_attributes(); ?>>
    <![endif]–>
    <!–[if !(IE 7) | !(IE 8) ]><!–>
    <html <?php language_attributes(); ?>>
    <!–<![endif]–>
    <head>
    <meta charset=”<?php bloginfo( ‘charset’ ); ?>”>
    <?php
    if ( $device_width = get_option( WORDPRESSCANVAS_PREFIX . ‘viewport_device_width’ ) )
    $viewport[] = ‘width=’ . $device_width;
    else
    $viewport[] = ‘width=device-width’;

    if ( $scale = get_option( WORDPRESSCANVAS_PREFIX . ‘viewport_initial_scale’ ) )
    $viewport[] = ‘initial-scale=’ . $scale;
    ?>
    <meta name=”viewport” content=”<?php echo implode( “, “, $viewport ); ?>”>
    <title><?php wp_title( ‘|’, true, ‘right’ ); ?></title>
    <link rel=”profile” href=”https://gmpg.org/xfn/11″&gt;
    <link rel=”pingback” href=”<?php bloginfo( ‘pingback_url’ ); ?>”>
    <?php if ( $favicon = get_option( WORDPRESSCANVAS_PREFIX . ‘favicon’ ) ) : ?>
    <link href=”<?php echo $favicon; ?>” rel=”icon” type=”image/x-icon” />
    <?php endif; ?>
    <!–[if lt IE 9]>
    <script src=”<?php echo get_template_directory_uri(); ?>/js/html5.js”></script>
    <![endif]–>
    <?php wp_head(); ?>
    </head>

    <body <?php body_class(); ?>>
    <?php wordpresscanvas_jshtml( ‘jshtml_top_of_page’ ); ?>
    <div class=”top-body-background”>
    <div class=”middle-body-background”>
    <div class=”bottom-body-background”>
    <div class=”left-body-background”>
    <div class=”right-body-background”>
    <div id=”page” class=”hfeed site”>
    <?php list( $show_banner, $show_menu, $show_header ) = wordpresscanvas_get_header_layout(); ?>

    <?php if ( ‘no’ != $show_header ) : ?>
    <header id=”masthead” class=”site-header” role=”banner”>
    <?php if ( ‘no’ != $show_banner ) : ?>
    <div class=”site-banner”>
    ” rel=”home”>
    <?php if ( $logo_image = get_option( WORDPRESSCANVAS_PREFIX . ‘logo_image’ ) ) : ?>
    <h1 class=”site-logo”>
    <img src=”<?php echo $logo_image; ?>” alt=”<?php bloginfo( ‘name’ ); ?> – <?php bloginfo( ‘description’ ); ?>” />
    </h1>
    <?php endif; ?>
    <?php if ( get_option( WORDPRESSCANVAS_PREFIX . ‘show_site_text’ ) ) : ?>
    <h1 class=”site-title”><?php bloginfo( ‘name’ ); ?></h1>
    <h2 class=”site-description”><?php bloginfo( ‘description’ ); ?></h2>
    <?php endif; ?>

    </div>
    <?php endif; ?>

    <?php if ( ‘no’ != $show_menu ) : ?>
    <?php $menu_class = ‘navbar-align-split’; ?>
    <div id=”navbar” class=”navbar <?php echo $menu_class; ?>”>
    <nav id=”site-navigation” class=”navigation main-navigation” role=”navigation”>
    <h3 class=”menu-toggle”><?php _e( ‘Menu’, ‘wordpresscanvas’ ); ?></h3>
    “><?php _e( ‘Skip to content’, ‘wordpresscanvas’ ); ?>
    <?php wp_nav_menu( array(
    ‘theme_location’ => ‘left-menu’,
    ‘menu_class’ => ‘nav-menu nav-menu-left’,
    ‘fallback_cb’ => false,
    ‘container_class’ => ‘menu-left-container menu-container-cell’,
    ) ); ?>

    <div class=”menu-spacer menu-container-cell”> </div>

    <?php wp_nav_menu( array(
    ‘theme_location’ => ‘right-menu’,
    ‘menu_class’ => ‘nav-menu nav-menu-right’,
    ‘fallback_cb’ => false,
    ‘container_class’ => ‘menu-right-container menu-container-cell’,
    ) ); ?>
    </nav><!– #site-navigation –>
    </div><!– #navbar –>
    <?php endif; ?>

    </header><!– #masthead –>
    <?php endif; ?>

    <div id=”main” class=”site-main clearfix”>

Viewing 2 replies - 1 through 2 (of 2 total)

  • are you talking about the white space between logo and the hellobar plugin subscription form?

    Thread Starter the pink sprinkle

    (@the-pink-sprinkle)

    Well no, not the white part or header padding (which is set to 20), the white ends and the beige background shows but between the hello bar and the page. Gosh this is hard to explain.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Gap at the top/header not going all the way to the top of the page’ is closed to new replies.