Anchor links movement lag

Adam Blythe

• January 10, 2025 18:30

Hi,

I’ve created a one-page website for a client, and the menu links at the top of the page navigate to specific sections.

While this functionality works, the movement when clicking the links feels a bit abrupt and not very smooth.

Could you advise on how to create a smoother transition to the targeted sections? I’ve attached a video recording for reference.

Website is -  https://brewvan.co.uk/

Video recording - https://www.dropbox.com/scl/fi/zu1bsyjxjhdxsgusm7a6j/brewvan-anchor-links-movement-lag.mp4?rlkey=lxk6996e7l3o79k1kj1lvvbpb&st=k2m6e0de&dl=0

Thanks!

0

• 

  Ariel H.

  • January 13, 2025 09:22

  Hi Adam.

  Please try adding the below CSS in Appearance > Customize > Additional CSS:

  html {
    scroll-behavior: smooth;
  }

  Best regards,
  Ariel H.

  0
• 

  Adam Blythe

  • January 13, 2025 09:45

  Thanks Ariel but that didn't resolve the issue with the lag on click. Did you view the video I sent? Does this happen to you when creating anchor links? Should just be a smooth transition to the content right?

  0
• 

  Ariel H.

  • January 13, 2025 11:27

  Hi Adam,

  This is how your site looks like on my end - https://youtu.be/NmGSf51rzyI

  Unfortunately, we aren't experiencing the movement lag that was shown in your screencast. Could you try testing in a different browser to see if the issue persists?

  Best regards,
  Ariel H.

  0
• 

  Adam Blythe

  • January 13, 2025 11:34

  Very strange! What browser are you using?

  0
• 

  Ariel H.

  • January 13, 2025 11:51

  Hi Adam,

  I'm currently using the Edge browser, and I also tested it on Chrome and Firefox for Windows. I observed the same behavior in all three browsers.

  0

Please sign in to leave a comment.