Scroll down to clients

Topic summary

A user wants to implement smooth scrolling functionality so that clicking “Clients” in the header navigates to a clients section further down the page.

Solutions Provided:

  • Multiple participants offered JavaScript code snippets to add to the header.liquid or theme.liquid file (before the </body> tag)
  • The code enables smooth scrolling behavior when the header link is clicked

Follow-up Issue:

  • The initial code worked but scrolled too far, cutting off the “Clients” heading
  • An adjusted JavaScript solution was provided to offset the scroll position, stopping slightly above the target section

Status: The issue appears resolved after implementing the modified code with scroll offset adjustment.

Summarized with AI on October 27. AI used: claude-sonnet-4-5-20250929.

Hi I want when someone click on clients in header it will scroll down to the clients part.
How do i do it please?

Warm regards.

Hello Artez,

At the back-end of the store, integrate the clients page link to the “Clients” title. So once your someone clicked on the title it redirect them to the client’s page.

I hope this helps, for further assistance. Kindly access the attached file.

Did not understood how you do that.

Hi @Artez

let add this JS code to your file header.liquid:


1 Like

Okay, i can do that for you

Kindly check the attached file.

Hi dear friend,

thank you for your help the code works well, is it possible to stop a a bit before it cut the words “client”?

slightly up?

Warm regards.

Hi @Artez

can you try to replace with this JS code:


1 Like

You can do that by adding this code to theme.liquid file, bofre tag


1 Like

thank you dear friend!

1 Like