Jump to content

anchor link jumping too far

Recommended Posts

  • Replies 5
  • Views 464
  • 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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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

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.