Scroll down when clicked on about

Store Design
, ,

Topic summary

A user wants to implement smooth scrolling functionality on their Shopify store homepage. Specifically, when visitors click an “About” link in the page header, the page should automatically scroll down to a “My Story” section on the same page.

A solution was provided involving adding JavaScript code to the header.liquid file. The code uses an event listener to detect clicks on elements with the class ‘about-link’ and smoothly scrolls to an element with the ID ‘my-story’.

The original poster confirmed the solution worked successfully. The issue has been resolved.

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

Artez_0-1748785678230.png
Artez_0-1748785678230.png1388×821 188 KB

Hi, I want when someone click on about in the page header, it will scroll down to My story in the same page.

How do I do it please?

2

Hello Artez,

Seems like you need lot of solution on your shopify store.

Check the attached file to help with your Shopify store

3

Hi @Artez

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

You are the best @BiDeal-Discount

Thank you for your help dear friend!

1 Like
5

You’re welcome :hugs:

1 Like