Close mobile menu on click

I tried many solutions like here: https://www.ads-software.com/support/topic/anchor-links-with-id-not-working/

After editig the classes/ID’s to fit my page they just do nothing (via Edit Custom Layout). I need some input here…

Hi @zephil,

Please try adding the anchor link on the menu item with only the hashtag and the ID. So, in your case, instead of https://ap-vermoegenskonzepte.de/#2 please try to add only #2. See if it does the trick.

Kind regards,
Herman ??

Hi @zephil were you able to fix the problem? I have the same issue but my theme is different.. I’ve tried trough many codes but I still can’t find any solution…

I have been looking for a solution but haven’t found it, so quickly wrote some jQuery code for this:

jQuery(document).ready(function() {
jQuery( “#ast-mobile-header a” ).click(function() {
jQuery(‘.main-header-bar-navigation’).removeClass(‘toggle-on’).hide();
jQuery(‘.ast-close-svg’).hide();
jQuery(‘.ast-menu-svg’).show();
});
});

This is for Astra theme, jQuery library is added by default, don’t have to be added manually. Works nicely on mobile for my website.

• This reply was modified 2 years, 4 months ago by zsigmond1.