Mobiles Menü funktioniert nicht

  • Gelöst heckih

    (@heckih)


    vor 7 Jahren, 9 Monaten

    Hallo zusammen,
    ich versuche eine Website für unsere Hochzeit zu erstellen unter http://www.cordingen.de.
    Dort habe ich das WordPress-Theme „together“ verwendet, welches unter der normalen Auswahl im Backend auswählbar ist.
    Unter http://demo.daisythemes.com/together/ ist die Demo. Dort funktioniert das Menü.
    Wenn man bei mir aber auf mobile Ansicht verkleinert, passiert nichts bei Klick auf das mobile Menü.
    Fährt man mit der Maus über die linke leere Fläche, findet man dort aber versteckt die nicht-mobilen Menüpunkte.
    Vielleicht hat ja jemand von euch eine Idee.
    Vielen Dank und viele Grüße,
    Jan

Ansicht von 6 Antworten – 1 bis 6 (von insgesamt 6)
  • tobiasholst

    (@tobiasholst)

    vor 7 Jahren, 9 Monaten

    Hi Jan,

    Dir ist bei der Einbindung des Menüs ein kleiner Fehler unterlaufen. Du hast einen Container mit

    <div class="menu-birte-und-jan-container">

    erstellt.

    Damit das Mobile Menü funktioniert muss der Container unbedingt die folgende Bezeichnung haben:

    <div class="menu-main-menu-container top-mobile-nav">

    Ändere das mal in deiner header.php

    LG, Tobi

    Thread-Starter heckih

    (@heckih)

    vor 7 Jahren, 9 Monaten

    Hallo Tobi,

    danke für die schnelle Antwort! Leider gibt es in der header.php keine div-class mit Namen „menu-birte-und-jan“.

    Auch sonst überall in den php-Dateien nicht.

    Auszug aus der header.php, wo „menu“ drin vorkommt:

    <nav class="dt-main-menu<?php //if ( is_front_page() ) : ?> dt-menu-fixed<?php if ( ! is_front_page() ) : ?> dt-sticky<?php endif; ?>">
	<div class="container">
		<div class="row">
			<div class="col-lg-3 col-md-3 ">
				<div class="dt-nav-logo">
					<?php
					if ( function_exists( 'get_custom_logo' ) && has_custom_logo() ) :
						the_custom_logo();
					else : ?>
					<h1><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php esc_attr( bloginfo( 'name' ) ); ?></a></h1>
				<?php endif; ?>
				</div><!-- .dt-nav-logo -->
			</div><!-- .col-lg-3 -->

			<div class="col-lg-9 col-md-9">
				<div class="dt-menu-btn">
					<span></span>
					<span></span>
					<span></span>
				</div>
				
				<?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_id' => 'primary-menu' ) ); ?>
			</div><!-- .col-lg-12 -->
		</div><!-- .row -->
	</div><!-- .container -->
</nav><!-- .dt-main-menu -->

<?php if ( ! is_front_page() ) : ?><div class="dt-menu-sep"></div><?php endif; ?>

    Viele Grüße,
    Jan

    tobiasholst

    (@tobiasholst)

    vor 7 Jahren, 9 Monaten

    Hallo Jan,

    Natürlich gibt es den Container – ich denk mir sowas ja nicht aus 😉 Ich hab dir einen Screenshot erstellt:

    Screenshot

    In welcher Datei das nun genau ist, kann ich dir natürlich nicht sagen, da ich das Theme nicht kenne. Aber du müsstest ja eigentlich wissen, wo sich diese Stelle befindet, da du ja auch den Container umbenannt hast 😉

    Viel Erfolg bei der Suche

    Thread-Starter heckih

    (@heckih)

    vor 7 Jahren, 9 Monaten

    Hallo,
    ich habe jetzt einmal alles gelöscht und plain neu installiert. Auch das together-Theme.

    Ich habe alles auf Standard gelassen und das Menü funktioniert nicht. Einen Container habe ich nicht umbenannt. Irgendwas scheint da am Theme nicht zu passen…

    Leider gehen mir die Ideen aus.

    Viele Grüße,
    Jan

    Moderator Torsten Landsiedel

    (@zodiac1978)

    vor 7 Jahren, 9 Monaten

    Das ist ein Fehler im Theme. Anstatt die Klasse zu setzen oder die ID zu benutzen, nutzt das Theme-CSS die sich ergebende Klasse beim Menünamen „Main Menu“, dann entsteht die Klasse „menu-{menu slug}-container“, also „menu-main-menu-container“ und darauf greift die styles.css zu:
    .menu-main-menu-container

    Dumm nur, wenn man das Menü anders nennt. Dann funktioniert gar nichts mehr. 😉

    Also entweder das Menü umbenennen oder den Theme-Autor mal den Fehler melden.

    Gruß, Torsten

    Thread-Starter heckih

    (@heckih)

    vor 7 Jahren, 9 Monaten

    Hallo Torsten,

    das hat geholfen.

    Ich habe das Menü wie auf der Testseite des Anbieters in „main menu“ umbenannt. Dann griff auch das CSS richtig. Das Menü wird nun angezeigt. Es ist ein Workaround. Ich gebe den Hinweis zur Korrektur an den Theme-Autor.

    Vielen Dank für die Hilfe!

    Grüße,
    Jan

Ansicht von 6 Antworten – 1 bis 6 (von insgesamt 6)
  • Das Thema „Mobiles Menü funktioniert nicht“ ist für neue Antworten geschlossen.