Jump to content

anchor link jumping too far

Recommended Posts

  • Replies 5
  • Created
  • Last Reply

Top Posters In This Topic

17 hours ago, tuanphan said:

Hi,

First remove your code

Next, add a Code Block under button: shop stress away

Next, paste this code

<p id="collagen"></p>  

 

hi sorry i dont know all the lingo. I didn't mean to say code injection, I meant to say code block. that is what I had already on my site. the link jumps down halfway through the first paragraph instead of right before the title

Link to comment
On 6/30/2022 at 9:11 AM, tuanphan said:

Hi,

First remove your code

Next, add a Code Block under button: shop stress away

Next, paste this code

<p id="collagen"></p>  

 

You can remove your Code Block first

Next, add a Code Block under button: shop stress away

Next, paste this code

<p id="collagen"></p>  

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
20 hours ago, tuanphan said:

You can remove your Code Block first

Next, add a Code Block under button: shop stress away

Next, paste this code

<p id="collagen"></p>  

Thank you! on mobile this works fine but on desktop it doesn't jump to where i want it to, it jumps farther down. i'll attach photos. the first one is where it jumps to and the second one is ideally where I want it to jump to.

It does this for all of my anchor links on desktop. I thought it might be something with my header so I decreased the padding of my header using this code:

 .header-announcement-bar-wrapper {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

it definitely decreased the padding of the header but didn't fix the issue.

 

Hope this makes sense and thank you so much again!

Screen Shot 2022-07-02 at 1.04.38 AM.png

Screen Shot 2022-07-02 at 1.04.48 AM.png

Link to comment

Yes. Because your header is sticky on scroll. It took up part of the height of the screen.

The solution is disable sticky effect on current page, or add some spacer blocks on above text

What do you think?

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.