Scroll down to clients

Store Design
, , ,

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.
1

Artez_0-1748785948038.png
Artez_0-1748785948038.png1900Ă—703 148 KB

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.

2

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.

3

Did not understood how you do that.

4

Hi @Artez

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

Okay, i can do that for you

Kindly check the attached file.

6

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.

7

Hi @Artez

can you try to replace with this JS code:
1 Like
8

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

thank you dear friend!

1 Like