Hallo, ich versuche ein voll funktionierendes responsive Menü in WordPress zum Laufen zu bringen.
Es gibt einmal ein normales horizontales Menü, das ab einer bestimmten Bildschirmgröße zum Icon wird, bei Klick erscheint dann ein Javascript Drop-down Menü. Leider funktioniert das Drop-down Menü gar nicht in WordPress.
Folgender Code zum Aufruf der JS Dateien, die im Theme Ordner liegen steht dafür in der header.php:
PHP
<script type='text/javascript' src='<?php bloginfo('template_url'); ?>/js/main.js'></script><script type='text/javascript' src='<?php bloginfo('template_url'); ?>/js/jquery.js'></script>So wird das horizontale Menü im <body> aufgerufen (das funktioniert):
HTML
<a href="#" class="menu_icon" id="menu_icon"></a> <nav id="nav_menu"> <?php wp_page_menu('show_home=Home&depth=1'); ?> </nav>Das ist die JS Datei zum Aufruf des Drop-down Menüs:
$(document).ready(function(){
Code
/* hide-show mobile menu */
$("#menu_icon").click(function(){
$("#nav_menu").toggleClass("show_menu");
return false;
});
});