DaImp

So, using /home#ourpurpose does not work on mobile or desktop. 
I tried using several variations of the path but none worked in mobile. 

As an extra aside, I added this code to the Code Injection section in the Header box, which allows the site to smooth scroll to the anchor link. Could be useful for anyone else playing around with anchor links:
<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script><script type="text/javascript">$(function() {$('a[href*=#]:not([href=#])').click(function() {if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {var target = $(this.hash);target = target.length ? target : $('[name=' + this.hash.slice(1) +']');if (target.length) {$('html,body').animate({scrollTop: target.offset().top}, 1000);return false;}}});});</script>

Note: after adding the above code the anchor links are now working in mobile - using /#ourpurpose. Which is odd. 

I do have a follow up question:

While the links work great in desktop, the anchor link code does not work in mobile (from the hamburger drop down). 

Is this something that can also be fixed?

Awesome! That works great.

It's rather obvious now that it has been explained to me!

Thank you 😁

Is there any way to turn the template generated navigation links into anchor links?
So instead of opening a new page, the site jumps down the page to the anchor link. I am using the Harris template and my client has decided he wants it to be a single page site, without secondary pages. Is there any way I can achieve this? I have currently added text links to the body of the website to act as the navigation and hidden the template generated navigation. Ideally though I want the navigation to be in the navigation bar and not in the site body. 

link is here:
https://koi-tuba-ck62.squarespace.com/
PW: HaefeleSugaree