[Resolved] Logo Will Not Display Above the Navigation

[Alex Wideman]

I’ve uploaded the logo to Customizer > Site Identity and set the width to the exact size of the uploaded image.

The logo shows up when I select “Use Navigation as Header”, but when “Use Navigation as Header” is unchecked, the logo does not show up in the header above the navigation bar (which is where I want it). Layout > Header – Header Presets is set to Default and Header Alignment is Left.

I’ve tried disabling all plugins, all GeneratePress premium add-ons (including Disable Elements) and removing all custom CSS and functions from my child theme, but no luck.

Thanks!

[Leo]

Hi there,

Looks like the use navigation as header option is still activated currently as I don’t see the default header.

Can you uncheck it so I can try to identify the issue?

Let me know 🙂

[Alex Wideman]

Thanks Leo!

I have unchecked the option and published. The header section still does not show up on the site:

View post on imgur.com

Whatever is preventing the header from loading seems to be the crux of the issue.

There is no additional CSS in the customizer.

Here is the child theme’s CSS:

/*
 Theme Name:   GeneratePress Child
 Theme URI:    http://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Thomas Usborne
 Author URI:   http://edge22.com
 Template:     generatepress
 Version:      0.1
 Tags: two-columns, three-columns, one-column, right-sidebar, left-sidebar, fluid-layout, responsive-layout, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, featured-images, theme-options, light, white, dark, black, blue, brown, gray, green, orange, pink, purple, red, silver, tan, yellow
*/

 
.site-notice {
	color:#008c38;font-size:32px;text-align:center
}

h2.page-header-h2 {
    color: #ffffff;
}

@media (max-width: 768px) {
    .site-notice {
	color:#008c38;font-size:24px;text-align:center
}
	
	h2 {
font-size:32px;
      }
	h2.page-header-h2 {
        color: #ffffff;
    }
}

.contained-block {
   width:50%;
	margin: auto;
}
@media (max-width: 768px) {
    .contained-block {
        width:80%;
		margin: auto;
    }
}

.generate-sections-container {
    background-position: center center;
}

@media (max-width: 768px) {
    .generate-content-header {
        background-size: contain;
    }

.generate-back-to-top {
bottom: 10px; /* 30px from the bottom of the screen */
right: 10px; /* 30px from the right of the screen */
}
	
}

.circle-image {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
}

body .gform_wrapper {
    border: 0px solid red;
	font-family: helvetica;
	border-width: 0px;
}

code {
    color: #000000;
    background-color: #f9f2f4;
}

table, th, td {
    border: 0px solid rgba(0,0,0,.1);
}

.entry-content a {
    text-decoration: underline !important;
}

a, a:visited, a:hover, a:focus {
    text-decoration: underline !important;
}

.navigation-branding .main-title a {
 text-decoration: none !important;
}

.main-navigation .main-nav ul li a {
 text-decoration: none !important;
}

.button.ghost, .button.ghost:visited {     
    background: transparent;     
    border: 2px solid #000;      
  width: 80%;
  	font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
	    text-align: center;
	color: #000;
	vertical-align: middle;
	text-decoration: none !important;
	border-radius: 10px;
} 
.button.ghost:hover, 
.button.ghost:active {     
    background: #f1c40f;     
    color: #FFF;     
    border: 2px solid #f1c40f;
	 text-decoration: none !important;
	border-radius: 10px;
}

/* Always set the map height explicitly to define the size of the div
       * element that contains the map. */
      #map {
        height: 100%;
      }
      /* Optional: Makes the sample page fill the window. */
      html, body {
        height: 100%;
        margin: 0;
        padding: 0;
      }
      #floating-panel {
        position: absolute;
        top: 10px;
        left: 25%;
        z-index: 5;
        background-color: #fff;
        padding: 5px;
        border: 1px solid #999;
        text-align: center;
        font-family: 'Roboto','sans-serif';
        line-height: 30px;
        padding-left: 10px;
      }
'

Here is the header.php:

php
/**
* The template for displaying the header.
*
* @package GeneratePress
*/

if ( ! defined( ‘ABSPATH’ ) ) {
exit; // Exit if accessed directly.
}

?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset=”<?php bloginfo( ‘charset’ ); ?>”>
<link rel=”profile” href=”https://gmpg.org/xfn/11″&gt;
<?php wp_head(); ?>
</head>

<body <?php body_class(); ?> <?php generate_do_microdata( ‘body’ ); ?>>
<?php
/**
* wp_body_open hook.
*
* @since 2.3
*/
do_action( ‘wp_body_open’ );

/**
* generate_before_header hook.
*
* @since 0.1
*
* @hooked generate_do_skip_to_content_link – 2
* @hooked generate_top_bar – 5
* @hooked generate_add_navigation_before_header – 5
*/
do_action( ‘generate_before_header’ );

/**
* generate_header hook.
*
* @since 1.3.42
*
* @hooked generate_construct_header – 10
*/

/**
* generate_after_header hook.
*
* @since 0.1
*
* @hooked generate_featured_page_header – 10
*/
do_action( ‘generate_after_header’ );
?>

<?php
/**
* generate_inside_container hook.
*
* @since 0.1
*/
do_action( ‘generate_inside_container’ );
`

[Leo]

Any Layout Elements or Hooks Elements added that might be removing the header?
https://docs.generatepress.com/article/layout-element-overview/
https://docs.generatepress.com/article/hooks-element-overview/

Let me know 🙂

[Alex Wideman]

No Elements listed in Appearance > Elements.

[Leo]

Are you adding your own header.php file to the child theme?

Is it disabled in the disable element metabox?
https://docs.generatepress.com/article/disable-elements-overview/

[Alex Wideman]

Thanks Leo. No header.php in the child theme – only functions.php and style.css.

The header is missing from all pages.

The Disable Elements add-on is disabled and the only option showing under “disable elements” in the sidebar of the editor on a page-by-page basis is “Content Title”.

[Leo]

Any chance you can send me the dashboard admin access to take a look?

You can send the dashboard access using Account Issue here:
https://generatepress.com/contact/

Please include the following information:
– The URL of this topic.
– Login URL.
– Username and password.

Please also disable all plugins except GP premium while I debug.

Thanks 🙂

[Alex Wideman]

Sent – thank you.

[Leo]

I’ve activated the parent theme and noticed that your header.php file is missing line 47 which is adding the header:
https://github.com/tomusborne/generatepress/blob/master/header.php#L47
https://www.screencast.com/t/SfyTpVrubY

[Alex Wideman]

Thank you Leo! That solved it. Very strange as I do not fiddle with parent theme files.

[Leo]

No problem 🙂

[Author]

Posts