Jump to content

Anchor Link Issue

Recommended Posts

Site URL: https://www.thedreaming.co.uk/

Hey guys!

I've set up coded anchor links on my website, each title in the navigation has them and they all scroll smoothly to the correct area. However, when you click the 'register your interest' button on the homepage, it scrolls to an incorrect section where there is no code.

If you then scroll back to the top of the page after this and hit the 'register your interest' button again, it correctly takes you to the code block. This happens on both Macbook Chrome and iPhone Safari. 

I've tried all manner of anchor link coding options suggested in these forums, and the current code on the Register Your Interest section is <p id="connect"></p>, the button link at the top links to #connect. 

Any help would be amazing! Head to the site www.thedreaming.co.uk to see the behaviour for yourself, again this only happens with buttons and not navigation anchor links. 

Thanks! 

Elliot.

Link to comment
  • Replies 3
  • Views 236
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

UPDATE: As a workaround, I tried moving the section to the exact incorrect spot the button was jumping to, however it is now scrolling to another incorrect spot above the section.

So it seems, the anchor link within the button the first time it's clicked will take you to a predetermined spot well above the correct section, but correctly to the actual destination upon second click.

Link to comment

I've also tried action the section and block ID's and eliminating coding for the section, and it's behaving in the same manner, very perplexed by this! 

As the website needs to go live today, I'll remove the button and just have a navigation title possibly, any help would be appreciated massively! 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.