Jump to content

Another Anchor link problem...

Recommended Posts

I've already looked in the SquareSpace support page on how to make the anchor link...but I'm still not getting this to work.

The buttons on the page have the link to the anchor: #join, which should scroll the view down to the sign-up box. (That box has its own code that was provided to us by our client.)

I first named it "#signup", but all the link did was reload the page w/o scrolling to where I wanted it.I then noticed that the URL now read "#join" at the end instead of "#signup".

First, I viewed the page source. No clue where that new anchor link name was coming from.

Then I went back into the code, switched the anchor link name to "#join", hoping that it might fix it.Nope. Still reloads without scrolling to where I want it.

Today, I've updated my code again after seeing some answers here, but the anchor is still not working.Any advice on what i'm doing wrong?Or is that script already there from the sign-up box interfering with it?

Code I am using:alt text

Link to the anchor on the buttons: http://greaterjacksonartscouncil.com/artstribe/#join

Page in question is: https://greaterjacksonartscouncil.com/artstribe

Thanks for your time. If there is an answer I that I missed that does address this, please reply with a link.Much appreciated.

screen-shot-2019-08-29-at-54821-pm.png.93e484212601f79a7459747654e5b171.png

Link to comment
  • Replies 6
  • Views 1k
  • Created
  • Last Reply

@tuanphan

I did that, but it's still not scrolling to where I want it to.Tried 3 different browsers to see if it was a cache that wasn't clear: Chrome, firefox, safari.

alt text

It's like the "#join" just gets plopped up in the URL when the page loads but doesn't do anything.

screen-shot-2019-08-29-at-80226-pm.png.60f1466135a5522011646b1dd67e5361.png

Link to comment

@tuanphan

I did that, but it's still not scrolling to where I want it to.Tried 3 different browsers to see if it was a cache that wasn't clear: Chrome, firefox, safari.

alt text

It's like the "#join" just gets plopped up in the URL when the page loads but doesn't do anything.

screen-shot-2019-08-29-at-80226-pm.png.485dccfda512553295745887a2880af6.png

Link to comment

@IMCOkit now you want, when clicking "Join the art..." it will scroll down to sign up box (under text: Membership Starting at only $2.50 a month!). Is this right?

First, you insert id="join" into this code, if you can edit


<h1 style="text-align:center;white-space:pre-wrap;" id="join">Membership Starting at only $2.50 a month!</h1>

Next, insert link into button "Join the art". Current link is https://greaterjacksonartscouncil.com/artstribe/#join

You remove that link, and type this text


#join

and you will have this. Screenshot: https://prnt.sc/ozhsmu

Done!

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

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.