Twentytwelve Menu für kleine Bildschirme verschwindet wieder

solo talent

Bei meinem twentytwelve child theme funktioniert nach Update des Themes der Menu Button für kleine Bildschirme nicht mehr richtig. Gleich nach dem Update tat sich gar nichts bei Klick auf den Menu Button. Nachdem ich in header.php <h3> in <button> geändert habe erscheint nun das Menu aber nach 1 Sekunde verschwindet es wieder. Wieso ist das so? Muss in der navigation.js noch etwas geändert werden?
Danke vorab für Hilfe!

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

SirEctor

bei einem Update ändert sich das Childtheme nicht. Wo musstest du also h3 ändern? Gibt es einen Link zur Seite?

solo talent

In Twenty Twelve 1.5 wurde in der header.php der Toggle-Button von <h3> auf <button> geändert.

Alt: <h3 class="menu-toggle"><?php _e( 'Menu', 'twentytwelve' ); ?></h3>
Neu: <button class="menu-toggle"><?php _e( 'Menu', 'twentytwelve' ); ?></button>

Hier geht`s zur Baustelle: http://tinyurl.com/y3wf2pem

SirEctor

Ich dachte du hättest ein Child-Theme?! Und im Child-Theme ändert sich beim Update nichts. Ist dein Child-Theme vermurkst?

Ich sehe im Quellcode folgendes:

Code

<a href="https://noell-landschaften.de/wp/" title="Nöll Landschaften" rel="home">
            <button class="menu-toggle">Menü</button>
</a>

Der umschließende a-Tag ist dort falsch. Und so steht es auch nicht in der originalen header.php vom TwentyTwelve:
https://themes.trac.wordpress.org/browser/twenty…/2.9/header.php (Zeile 43)

Irgendwas habt ihr also verbastelt. Vergleiche mal eure mit der originalen Datei.

solo talent

ich finde den Fehler nicht.
Vermutlich ist da wirklich was vermurkst.
Vielleicht kannst du dir mal die header.php des childthemes ansehen (danke schonmal!):

PHP

<?php
/**
 * The Header template for our theme
 *
 * Displays all of the <head> section and everything up till <div id="main">
 *
 * @package WordPress
 * @subpackage Twenty_Twelve
 * @since Twenty Twelve 1.0
 */
?><!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' ); ?>" />
<meta name="viewport" content="width=device-width" />
<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 // Loads HTML5 JavaScript file to add support for HTML5 elements in older IE versions. ?>
<!--[if lt IE 9]>
<script src="<?php echo get_template_directory_uri(); ?>/js/html5.js" type="text/javascript"></script>
<![endif]-->
<?php wp_head(); ?>
</head>


<body <?php body_class(); ?>>
<div id="page" class="hfeed site">
    <header id="masthead" class="site-header" role="banner">
        <hgroup>


<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><img class="alignright" src="https://noell-landschaften.de/wp/wp-content/uploads/2019/04/logo.jpg" alt="Logo" style="max-width: 100%;height: auto; /></a></h1>
            


            
    <h2 class="site-description"><?php bloginfo( 'description' ); ?><img src="https://noell-landschaften.de/wp/wp-content/uploads/2019/04/3-logos.png" alt="Logo" style="max-width: 100%;height: auto; margin-top: -16%"></h2>
        </hgroup>


<?php echo do_shortcode("[wp1s id='121']"); ?>


        <?php if ( get_header_image() ) : ?>
        <a href="<?php echo esc_url( home_url( '/' ) ); ?>"><img src="<?php header_image(); ?>" class="header-image" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="" /></a>
        <?php endif; ?>
        <nav id="site-navigation" class="main-navigation" role="navigation">
            <button class="menu-toggle"><?php _e( 'Menu', 'twentytwelve' ); ?></button>
            <a class="assistive-text" href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentytwelve' ); ?>"><?php _e( 'Skip to content', 'twentytwelve' ); ?></a>
            <?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); ?>
        </nav><!-- #site-navigation -->
    </header><!-- #masthead -->


    <div id="main" class="wrapper">

Alles anzeigen

SirEctor

<h1> bzw. das <img> bekommt ein inline-style. Da fehlen Anführungszeichen " zum Schluss. Somit ist der nachfolgende Code fehlerhaft. Benutzt einen richtigen PHP-Editor, am Besten mit Systax-Highlighter, dann fällt sowas schnell auf.

solo talent

besten Dank für die Mühe. Das war`s tatsächlich.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Twentytwelve Menu für kleine Bildschirme verschwindet wieder

Jetzt mitmachen!