Archived topic

Logo Will Not Display Above the Navigation

11 replies · Started by Alex Wideman on September 6, 2019

Viewing posts 1–12 of 12

September 6, 2019 at 3:31 pm #1002947

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!

September 6, 2019 at 4:11 pm #1002963

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 :)

September 6, 2019 at 4:22 pm #1002966

Thanks Leo!

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

https://imgur.com/HwbwSt3

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">
<?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' );
?>

September 6, 2019 at 4:26 pm #1002970

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 :)

September 6, 2019 at 4:35 pm #1002979

No Elements listed in Appearance > Elements.

September 6, 2019 at 6:02 pm #1003007

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/

September 9, 2019 at 10:04 am #1005011

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".

September 9, 2019 at 10:17 am #1005026

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 :)

September 9, 2019 at 10:38 am #1005066

Sent - thank you.

September 9, 2019 at 10:54 am #1005088

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

September 9, 2019 at 11:47 am #1005134

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

September 9, 2019 at 11:58 am #1005142

No problem :)

This archived topic is closed to new replies.

Start building better websites today.