Jump to content

Having trouble creating an external link to a page that jumps to an ID using a #

Recommended Posts

Posted

Site URL: https://www.vradii.com/

Hello hello, I'm trying to create an external link that will jump directly to a section of a stacked index page on the site https://vradii.com

I've seen the documentation here on this exact topic, but the instructions didn't seem to produce working results.

Basically it says to form the URL start with the base domain (including www if its set that way in the domain settings), then add the page slug of the stacked index page (in my case its 'home'), and finally add the hash linking to the Id of the element I want to jump to. In this case the Id is the id="contact" section.

This would give me the link: https://www.vradii.com/home/#contact

One thing I originally overlooked is that since the site is using the Pacific template I'll also have to add the word '-section' to the end of the hash, like so: https://www.vradii.com/home/#contact-section

Unfortunately neither of these links work (at least not in Chrome v86), they both get me to the stacked index page, but neither jumps to the correct section.

The same is true for the following variations:

https://www.vradii.com/home#contact-section // without the ending slash

https://www.vradii.com/home#contact // without the ending slash or section

https://www.vradii.com/#contact-section // without the slug

https://www.vradii.com/#contact // without the slug or -section

https://www.vradii.com#contact-section //  without the slug or ending slash

https://www.vradii.com#contact // without the slug or ending slash or -section

 

That's all I could think to try, any additional suggestions? 

Thanks,

Jeremy

 

 

  • Replies 1
  • Views 230
  • Created
  • Last Reply

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.