Title: Header Image issue
Last modified: August 22, 2016

---

# Header Image issue

 *  Resolved [nigelamyes](https://wordpress.org/support/users/nigelamyes/)
 * (@nigelamyes)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/header-image-issue-3/)
 * Love the theme… just having an issue with the header image. Looks good in the
   live customizer but when I look at the site some of the image is cut off… how
   can I fix this??
 * Site is: [http://www.shootingrepublic.com](http://www.shootingrepublic.com)
 * Thanks

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

 *  Theme Author [Dinev Dmitry](https://wordpress.org/support/users/dimadinev/)
 * (@dimadinev)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/header-image-issue-3/#post-5266029)
 * Hi,
 * The optimal size of the image header width = 1860 px, height = 750 px.
 * Positioning background (Home Tagline) 50/50 percent. It getting to the important
   part of the image background was just in the center 🙂
 *  Theme Author [Dinev Dmitry](https://wordpress.org/support/users/dimadinev/)
 * (@dimadinev)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/header-image-issue-3/#post-5266030)
 * One more thing: the background image in the Home Tagline will be reduced on small
   screens (phone, for example). In the style sheet set 100% background image for
   Home Tagline (header image).
 *  Thread Starter [nigelamyes](https://wordpress.org/support/users/nigelamyes/)
 * (@nigelamyes)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/header-image-issue-3/#post-5266045)
 * I’m not sure I understand… the header image is 1860px by 750px and the background
   image for home tagline is set to 100% my image still doesn;t seem to fit properly.
   It looks great in the dashboard live preview but is different on the actual webpage.
   Is there anything else you suggest?
 *  [fox3long](https://wordpress.org/support/users/fox3long/)
 * (@fox3long)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/header-image-issue-3/#post-5266046)
 * I have a similar issue. I would like to change a header to a free theme I downloaded
   from internet to use with wordpress but I don’t understand what is the procedure
   to change the header picture.
 * I would like to know if there is a guide around here and you could please suggest
   where to read about it.
 * Thanks
 *  Theme Author [Dinev Dmitry](https://wordpress.org/support/users/dimadinev/)
 * (@dimadinev)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/header-image-issue-3/#post-5266051)
 * **to nigelamyes**
    Maybe I don’t understand the problem 🙁
 * Show a screenshot of what you want to achieve. Can send mail to [support@dinevthemes.com](https://wordpress.org/support/topic/header-image-issue-3/support@dinevthemes.com?output_format=md)
 *  Theme Author [Dinev Dmitry](https://wordpress.org/support/users/dimadinev/)
 * (@dimadinev)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/header-image-issue-3/#post-5266052)
 * **to fox3long**
    Go to Appearance > Header
 *  Theme Author [Dinev Dmitry](https://wordpress.org/support/users/dimadinev/)
 * (@dimadinev)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/header-image-issue-3/#post-5266053)
 * **to nigelamyes**
    There is such a solution: to select a page as Home. For the
   selected page will upload the featured image and the template, select Full Width.
 *  Theme Author [Dinev Dmitry](https://wordpress.org/support/users/dimadinev/)
 * (@dimadinev)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/header-image-issue-3/#post-5266234)
 * **On the question of the Header image, which is the background section of Home
   Tagline:**
 * To change header image go to Appearance > Header. After upload you can change
   the image in Customizer –
    go to Appearance > Customize: Header Image
 * When you preview the page Appearance > Header picture may not appear in full.
   The best preview in Customizer.
 * Home Tagline is intended for the title text on the background (only color or 
   image).
 * The height of the section of Home Tagline can be changed in line 172 style.css(
   find .tagline-txt)
 * _In the next update I will think how you can improve._
 *  [lizannehart](https://wordpress.org/support/users/lizannehart/)
 * (@lizannehart)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/header-image-issue-3/#post-5266292)
 * I just installed Rectangulum and really love it! I am unable to see my header(
   which I uploaded through the Customize panel). Is there some code that’s preventing
   it from appearing? I have spent hours trying to figure it out.
 * Here’s the link: [http://www.redblazemedia.com/](http://www.redblazemedia.com/)
 * The site is in maintenance mode. Do you need other info? Here is the headed.php
   code (to which I have added only a Google fonts reference):
 *     ```
       <?php
       /**
        * @package Rectangulum
        */
       ?><!DOCTYPE html>
       <html <?php language_attributes(); ?>>
       <head>
   
       <link href='http://fonts.googleapis.com/css?family=Oswald:400,300,700|Open+Sans:400italic,700italic,400,700' rel='stylesheet' type='text/css'>
   
       <meta charset="<?php bloginfo( 'charset' ); ?>">
       <meta name="viewport" content="width=device-width, initial-scale=1">
       <title><?php wp_title( '|', true, 'right' ); ?></title>
       <link rel="profile" href="http://gmpg.org/xfn/11">
       <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
   
       <?php wp_head(); ?>
       </head>
   
       <body <?php body_class(); ?>>
       <div id="page" class="hfeed site">
       	<?php do_action( 'before' ); ?>
   
       <header id="masthead" class="site-header clearfix" role="banner">
   
       		<div class="site-branding">
   
       <?php $logo = get_theme_mod( 'logo_upload' );
       	if ( !empty($logo) ) : ?>
   
       <?php if ( !is_front_page() ) : ?>
       	<a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home">
       	<img src="<?php echo get_theme_mod( 'logo_upload' ); ?>" alt="<?php bloginfo( 'name' ); ?>" class="logo alignleft" />
       	</a>
       <?php else : ?>
       	<img src="<?php echo get_theme_mod( 'logo_upload' ); ?>" alt="<?php bloginfo( 'name' ); ?>" class="logo alignleft" />
       <?php endif; //!is_front_page() ?>
   
       	<?php endif; //!empty ?>
   
       <div id="header-title">
       	<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
                       <h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
   
       </div><!--header-title-->
   
       		</div><!--.site-branding-->
   
       		<div class="site-menu">
       	<nav id="site-navigation" class="navigation-main" role="navigation">
       		<?php wp_nav_menu( array( 'theme_location' => 'primary', 'depth' => 4 ) ); ?>
       		<a href="#" class="toggle-top"></a><!--<i class="fa fa-search"></i>-->
       	</nav><!-- #site-navigation -->
       		</div><!--site-menu-->
   
       </header><!-- #masthead -->
   
       <div class="top-wrapper clearfix">
       	<div class="top-left">
       		<aside class="widget_search">
       		<?php get_search_form(); ?>
       		</aside>
       	</div>
       	<div class="top-right">
       	<?php if ( has_nav_menu( 'top' ) ) {
       wp_nav_menu( array( 'theme_location' => 'top', 'depth' => 1 ) );
       } ?>
   
       <?php if ( has_nav_menu( 'social' ) ) {
       wp_nav_menu(
       	array(
       	'theme_location'  => 'social',
       	'menu_id'         => 'menu-social',
       	'depth'           => 1,
       	'link_before'     => '<span class="screen-reader-text">',
       	'link_after'      => '</span>',
       	'fallback_cb'     => '',
       	)
       );
       } ?>
       	</div>
       </div><!--.top-wrapper-->
   
       	<div id="main" class="site-main clearfix">
       ```
   
 *  [lizannehart](https://wordpress.org/support/users/lizannehart/)
 * (@lizannehart)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/header-image-issue-3/#post-5266293)
 * I just installed Rectangulum and really love it! I am unable to see my header(
   which I uploaded through the Customize panel). Is there some code that’s preventing
   it from appearing? I have spent hours trying to figure it out.
 * Here’s the link: [http://www.redblazemedia.com/](http://www.redblazemedia.com/)
 * The site is in maintenance mode. Do you need other info? Here is the headed.php
   code (to which I have added only a Google fonts reference):
 *     ```
       <?php
       /**
        * @package Rectangulum
        */
       ?><!DOCTYPE html>
       <html <?php language_attributes(); ?>>
       <head>
   
       <link href='http://fonts.googleapis.com/css?family=Oswald:400,300,700|Open+Sans:400italic,700italic,400,700' rel='stylesheet' type='text/css'>
   
       <meta charset="<?php bloginfo( 'charset' ); ?>">
       <meta name="viewport" content="width=device-width, initial-scale=1">
       <title><?php wp_title( '|', true, 'right' ); ?></title>
       <link rel="profile" href="http://gmpg.org/xfn/11">
       <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
   
       <?php wp_head(); ?>
       </head>
   
       <body <?php body_class(); ?>>
       <div id="page" class="hfeed site">
       	<?php do_action( 'before' ); ?>
   
       <header id="masthead" class="site-header clearfix" role="banner">
   
       		<div class="site-branding">
   
       <?php $logo = get_theme_mod( 'logo_upload' );
       	if ( !empty($logo) ) : ?>
   
       <?php if ( !is_front_page() ) : ?>
       	<a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home">
       	<img src="<?php echo get_theme_mod( 'logo_upload' ); ?>" alt="<?php bloginfo( 'name' ); ?>" class="logo alignleft" />
       	</a>
       <?php else : ?>
       	<img src="<?php echo get_theme_mod( 'logo_upload' ); ?>" alt="<?php bloginfo( 'name' ); ?>" class="logo alignleft" />
       <?php endif; //!is_front_page() ?>
   
       	<?php endif; //!empty ?>
   
       <div id="header-title">
       	<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
                       <h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
   
       </div><!--header-title-->
   
       		</div><!--.site-branding-->
   
       		<div class="site-menu">
       	<nav id="site-navigation" class="navigation-main" role="navigation">
       		<?php wp_nav_menu( array( 'theme_location' => 'primary', 'depth' => 4 ) ); ?>
       		<a href="#" class="toggle-top"></a><!--<i class="fa fa-search"></i>-->
       	</nav><!-- #site-navigation -->
       		</div><!--site-menu-->
   
       </header><!-- #masthead -->
   
       <div class="top-wrapper clearfix">
       	<div class="top-left">
       		<aside class="widget_search">
       		<?php get_search_form(); ?>
       		</aside>
       	</div>
       	<div class="top-right">
       	<?php if ( has_nav_menu( 'top' ) ) {
       wp_nav_menu( array( 'theme_location' => 'top', 'depth' => 1 ) );
       } ?>
   
       <?php if ( has_nav_menu( 'social' ) ) {
       wp_nav_menu(
       	array(
       	'theme_location'  => 'social',
       	'menu_id'         => 'menu-social',
       	'depth'           => 1,
       	'link_before'     => '<span class="screen-reader-text">',
       	'link_after'      => '</span>',
       	'fallback_cb'     => '',
       	)
       );
       } ?>
       	</div>
       </div><!--.top-wrapper-->
   
       	<div id="main" class="site-main clearfix">
       ```
   
 *  Theme Author [Dinev Dmitry](https://wordpress.org/support/users/dimadinev/)
 * (@dimadinev)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/header-image-issue-3/#post-5266294)
 * **to lizannehart:**
    Your website does not work. Make sure that the link led 
   to a work site with our theme and then see if they have any questions.
 *  Theme Author [Dinev Dmitry](https://wordpress.org/support/users/dimadinev/)
 * (@dimadinev)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/header-image-issue-3/#post-5266295)
 * **to lizannehart:**
    And reading readme.txt including theme folder AND see [Rectangulum Theme Documentation](http://dinevthemes.com/documentation/rectangulum-theme-documentation/).
 * Setting Rectangulum takes no more than 5 minutes. And everything works and is
   compatible with the new version of WordPress 4.0
 * 🙂

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

The topic ‘Header Image issue’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/rectangulum/1.0.9/screenshot.png)
 * Rectangulum
 * [Support Threads](https://wordpress.org/support/theme/rectangulum/)
 * [Active Topics](https://wordpress.org/support/theme/rectangulum/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/rectangulum/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/rectangulum/reviews/)

 * 12 replies
 * 4 participants
 * Last reply from: [Dinev Dmitry](https://wordpress.org/support/users/dimadinev/)
 * Last activity: [11 years, 7 months ago](https://wordpress.org/support/topic/header-image-issue-3/#post-5266295)
 * Status: resolved