Jump to content

Anchor links to new page/new section not working.

Recommended Posts

I am trying to insert an anchor link that brings you to a specific section of a new page.

I've inserted code boxes with #id's at the top of each section that I would like to jump down to. And have directed the buttons to each of those coded section that indicate page and #id. I've used the below code: (the code is at the top of each unique "schedule" section)

/// code block - id for jump link //
<div id=“unique-name”></div>

I also tried using
<p id=“unique-name”></p>
neither work

/// Button address ///
/pagename#unique-name

It links back to the correct page, however, it does not jump down to the correct section. 

Can anyone take a look and let me know what I'm doing wrong?

url:https://contrabass-round-d5yj.squarespace.com/agenda
pass:wethepeoplesbefore

Link to comment
  • Replies 5
  • Created
  • Last Reply

Top Posters In This Topic

20 hours ago, tinypops said:

I am trying to insert an anchor link that brings you to a specific section of a new page.

I've inserted code boxes with #id's at the top of each section that I would like to jump down to. And have directed the buttons to each of those coded section that indicate page and #id. I've used the below code: (the code is at the top of each unique "schedule" section)

/// code block - id for jump link //
<div id=“unique-name”></div>

I also tried using
<p id=“unique-name”></p>
neither work

/// Button address ///
/pagename#unique-name

It links back to the correct page, however, it does not jump down to the correct section. 

Can anyone take a look and let me know what I'm doing wrong?

url:https://contrabass-round-d5yj.squarespace.com/agenda
pass:wethepeoplesbefore

Can you share a screenshot of where you put the jump link and the button to direct to this

Reference for anchor link: https://support.squarespace.com/hc/en-us/articles/207135178-Creating-anchor-links

Edited by bangank36

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date format)
💫 Animated Buttons (Referral URL)
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
  • 3 months later...
On 2/22/2022 at 4:43 AM, quillconsultingllc said:

@tuanphan  the "Flexible Offerings" button on my page is a anchor link to the Flexible Offerings section on my page.  The button is not working at all.  Please advise.

https://www.quillconsulting.com/transition-program  

It looks like you fixed this?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.