Mobiles Menü schließt nicht bei Anker Links

Hallo @cykingtj und willkommen im Forum,

Nun schließt sich das manuelle Menü nicht wenn ich auf einer der Anker-Links klicke.

Ist das denn im Theme überhaupt vorgesehen? Wenn du einen Link zu einer anderen Webseite anklickst, wird doch diese Seite geladen und die siehst gar nicht mehr, was mit dem mobilen Menü der vorherigen Seite geschieht.

Du könntest aber eine jQuery-Funktion einbinden, mit der bei Klick auf einen der Links die CSS-Klassen des mobilen Menüs ausgetauscht werden. Sinngemäß …

jQuery( document ).ready( function( $ ) {
    $('.menu-item a').on('click', function(e) {
      $('.offcanvas').toggleClass('open hide');
      $('html').toggleClass('offcanvas-opened');
});
});

(Wobei da noch irgendwas fehlt, weil das Hamburger-Icon danach nicht mehr funktioniert. Das sprengt bei mir aber ein wenig den Zeitrahmen, da musst du selber noch ein wenig recherchieren.)

Das jQuery musst du entweder im Child Theme per wp_enqueue_script() einbinden oder ein Plugin wie Custom CSS and JavaScript nutzen.