Jump to content

Some anchor links scrolling too far on mobile 7.1 site

Recommended Posts

Site URL: https://courtneykellywrites.com

Hello! I am completely baffled-- the anchor links that I use in my top nav to create a single scroll website with Squarespace 7.1 are jumping to the wrong sections of my site on mobile. They work perfectly on desktop, but on mobile, the links to latter parts of my page are off by as much as 1,000px. Can anyone help me figure out what's going on? Thank you so much in advance!

Link to comment
On 3/3/2021 at 10:58 PM, CAKelly said:

Site URL: https://courtneykellywrites.com

Hello! I am completely baffled-- the anchor links that I use in my top nav to create a single scroll website with Squarespace 7.1 are jumping to the wrong sections of my site on mobile. They work perfectly on desktop, but on mobile, the links to latter parts of my page are off by as much as 1,000px. Can anyone help me figure out what's going on? Thank you so much in advance!

I tried several anchors on mobile but it still functioning correctly, would you mind to point out which one has gone wrong?

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 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
  • 2 months later...
On 3/3/2021 at 9:28 PM, CAKelly said:

Site URL: https://courtneykellywrites.com

Hello! I am completely baffled-- the anchor links that I use in my top nav to create a single scroll website with Squarespace 7.1 are jumping to the wrong sections of my site on mobile. They work perfectly on desktop, but on mobile, the links to latter parts of my page are off by as much as 1,000px. Can anyone help me figure out what's going on? Thank you so much in advance!

Hi! Could you please share how you fixed the anchor links on mobile view? I have the exact same issue with my homepage anchor links!

Link to comment
  • 1 year later...

Do you mean it works fine on desktop but mobile?

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 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
  • 2 months later...
On 8/8/2022 at 7:15 AM, bangank36 said:

Do you mean it works fine on desktop but mobile?

Yes I am having the same issue.  Fine on desktop but way off on mobile.

 

barbaraprey.com/shop

click lithographic prints anchor link and see how far off it is on mobile only. same for books.

Link to comment
On 10/28/2022 at 7:33 PM, Jackie123 said:

Yes I am having the same issue.  Fine on desktop but way off on mobile.

 

barbaraprey.com/shop

click lithographic prints anchor link and see how far off it is on mobile only. same for books.

You mean need to add a spacing to top?

image.png.bf37750b276c4e145971ff7737bdd363.png

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.