Navigation anchor links not working on mobile

Site URL: https://greenhydrogen.co.nz

Hi, I'm looking for a solution here as I have tried everything that I could find on this forum. 

I have some anchor links in my menu which work perfectly on desktop but on mobile - the menu opens and doesn't close while clicking on them. I have to manually close the menu to get to the clicked section. 

I have tried loads of code that I found on this forum, yet nothing seems to work for me. 

site: 

www.greenhydrogen.co.nz

Thanks,  

I have the same issue. Following

Also having the same problem on a client site

You can consider forcing desktop menu appears on mobile (& remove burger). If you need this, just share site url, we can give the code

H

13 hours ago, tuanphan said:

You can consider forcing desktop menu appears on mobile (& remove burger). If you need this, just share site url, we can give the code

that would be awesome, the website is: www.greenhydrogen.co.nz

The Squarespace team answered that they are working on the issue but I have noticed this has been ongoing for the past 2 years by the look of the posts...

On 2/28/2022 at 2:51 AM, MayaEm said:

H

that would be awesome, the website is: www.greenhydrogen.co.nz

The Squarespace team answered that they are working on the issue but I have noticed this has been ongoing for the past 2 years by the look of the posts...

I see you solved with this script code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
jQuery(document).ready(function($){
  $('.header-menu-nav-item a').click(function(){
    $('body').removeClass('header--menu-open');
    $('button.header-burger-btn.burger').click();
  });
})
</script>

13 hours ago, tuanphan said:

I see you solved with this script code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
jQuery(document).ready(function($){
  $('.header-menu-nav-item a').click(function(){
    $('body').removeClass('header--menu-open');
    $('button.header-burger-btn.burger').click();
  });
})
</script>

 

It seems working just now, didn't a couple of days ago. 

Hi there, 

For anyone having problems with this, I created a solution for a client's website and mine. 

Whilst I am testing out the effectiveness of the installation guide this December (2023), I'm offering a 15% discount for testers. You can check it out here:

https://www.maryphilip.com/squarespace-code-shop/p/fix-anchor-link-issue-mobile-squarespace

Discount code: THANKSTESTER for 15% off.

🙂