tinypops Posted November 15, 2021 Share Posted November 15, 2021 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
Beyondspace Posted November 16, 2021 Share Posted November 16, 2021 (edited) 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 November 16, 2021 by bangank36 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace 🚀 Learn how to rank new pages on Google in 48 hours! 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
tinypops Posted November 16, 2021 Author Share Posted November 16, 2021 Sure thing. The "buttons" are the date images and are directed by the link address (IMG1) and the code block is at the very top of the section in which i'm trying to navigate to (IMG2) Link to comment
tuanphan Posted November 18, 2021 Share Posted November 18, 2021 The " symbol in your code is invalid. Not sure why. Copy code in this box <p id="agendafeb6"></p> 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
quillconsultingllc Posted February 21, 2022 Share Posted February 21, 2022 @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 Link to comment
tuanphan Posted February 27, 2022 Share Posted February 27, 2022 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment