Wordpress - wie ein Header-Overlay zu entfernen

Ich verwende das Thema Landschaft (https://en-gb.wordpress.org/themes/landscape/) für meine Wordpress-Website. Problem ist, dass das Header-Overlay-Bild an das Navigationsleiste-Menü angefügt wird, wenn alles, was ich brauche, ist das Nave-Leiste Menü. Es ist gut auf der Homepage, aber es kommt auch auf jeder anderen Seite, was unnötig ist. ich versuchte, ein, wenn die Bedingung zu verwenden:Wordpress - wie ein Header-Overlay zu entfernen

<?php if (is_home()) { ?> 
    <div class="header-overlay"> 
    <div class="site-branding"> 
     <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> 
    </div> 
<?php } ?>

Aber das hat nicht funktioniert.

Kann jemand helfen, wie man es aus dem Code entfernt?

header.php:

<body <?php body_class(); ?>> 
    <div id="page" class="hfeed site"> 

    <div class="site-branding"> 
    <a href="http://localhost/abba_property_services/"><img src="http://localhost/abba_property_services/wp-content/uploads/2017/03/ABBA-Solutions-White-Background-1.png"></a> 
    </div> 
    <a class="skip-link screen-reader-text" href="#content"><?php esc_html_e('Skip to content', 'landscape'); ?></a> 

    <header id="masthead" class="site-header" role="banner"> 
    <nav role="navigation" class="site-navigation main-navigation"> 
     <h1 class="assistive-text"><?php _e('Menu', 'landscape'); ?></h1> 

     <?php wp_nav_menu(array('theme_location' => 'primary')); ?> 
    </nav><!-- .site-navigation .main-navigation --> 

    <div class="header-overlay"> 
     <div class="site-branding"> 
      <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> 
    </div> 
    </div> 
</header>

header.php

Quelle

2017-03-20 T.Doe

hinzufügen

<header <?php if (is_home()) { echo 'id="masthead"'; }?>class="site-header" role="banner">

Änderung css

.site-header { 
height: auto; 
} 
.home .site-header { 
height: 40.625rem; 
}

Quelle

2017-03-21 00:22:31 Kasia

Das funktionierte wie ein Charme! Ich danke dir sehr! –

Es gibt immer noch einen weißen Bereich, wo das Header-Overlay-Bild auf allen anderen Seiten wäre. Gibt es eine Möglichkeit, das auch los zu werden? –

@ T.Doe Warum haben Sie Ihre Frage gelöscht? Ich wollte es beantworten ..): –

Der Bildhintergrund Anruf ist eigentlich in der #masthead Regel, aber es ist in den Customizer eingehakt, so dass Sie es einfach von dort entfernen können. Das Problem besteht darin, dass der Speicherplatz weiterhin belegt ist. Daher müssen Sie das CSS anpassen, damit es nur auf der Homepage unter Verwendung der .home-Klasse definiert wird. "

Quelle

2017-03-21 01:59:44 Cedon

Das ist richtig! Ich bin gerade mit einem riesigen weißen Feld konfrontiert, das .header-pverlay {display: none; arbeitet nicht für. Haben Sie ein codiertes Beispiel dafür? –

Wordpress - wie ein Header-Overlay zu entfernen

Antwort

Verwandte Themen