Jump to content

How to jump to a secion using it's #ID on Squarespace 7.1?

Recommended Posts

Site URL: https://theremotejobcoach.com/

Hi! I am trying to create anchor clicks for visitor to jump on to the sections but i can't seem to find the #id as they keep on changing.
Page link:
https://theremotejobcoach.com/remote-job-seekers-new-copy
data-section-id:
630e813c6d61be75c565581c
Link i am trying:
https://theremotejobcoach.com/remote-job-seekers-new-copy#page-section-630e813c6d61be75c565581c

TIA

Get Our MultiCurrency Extension for Your Site (7.0 & 7.1)

Feel free to reach out for help and projects!

The Squarespacer Limited

Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

You'll want to add a code or markdown block with a custom ID rather than trying to link to block IDs. Like this:

<span id="YOUR-ID"></span>

and then link to:

#YOUR-ID

You may also want to add this to your Custom CSS to improve the behaviour of the scroll:

html {
  scroll-behavior: smooth;
}

This guide is a good: https://support.squarespace.com/hc/en-us/articles/207135178-Creating-anchor-links

Please like and upvote if my comments were useful to you. Thanks!

Zygmunt Spray
Squarespace Website Designer
Contact me: https://squarefortytwo.com/ 
🔌Ghost Squarespace Plugins (Referral link)
Buy me a coffee

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.