hi all firstly thanks in advance for your patience, im a shopify noob ive read a few posts with similar questions but havent been able to find exactly a solution to what im trying to do. i want to link from the main menu of my homepage, to a specific part of the homepage with a quick scroll down m…

Hey, how are you doing? You can do this by referring to the HTML ID that is assigned to the element like this: /#shopify-section-template–17895463878921__87711e85-9614-428e-9184-f115f1cf8961 [Screenshot 2023-06-04 at 21.33.45.png] Do you know how to find it in the inspector? Let me know if you…

got it working!! thanks Stearis . i think im going to like it here :slightly_smiling_face: any way to have it scroll to that id rather than just instantly jumping?

You sure will! The Shopify community is great :slightly_smiling_face: Let me check that for you.

You can assign smooth scrolling it to the element directly or to the whole document: /* Smooth scrolling inside an element */ #my-element { scroll-behavior: smooth; } /* Smooth scrolling on the whole document */ html { scroll-behavior: smooth; } Let me know if that worked for you …

Linking to specific part of page from main menu

Store Design

DataEraser8732 June 5, 2023, 6:20pm 6

great!! where/how would i insert that code if i wanted my entire main page index.json to smooth scroll?

Topic		Replies	Views
Horizon anchor links menu Ask & Offer	5	232	September 25, 2025
How can I implement a smooth scroll from main Nav menu to homepage section? Technical Q&A	5	244	May 24, 2022
Single page website Store Design design , customizations	0	20	April 25, 2024
Adding smooth scrolling to anchor links in shopify theme "Flow" Store Design	3	130	January 7, 2022
Using Main Navigation To Anchor Link Hompage Sections? Store Design	20	921	October 4, 2023

Linking to specific part of page from main menu

Related topics