Scroll down contact me

Store Design
, , ,
1

Hi, I want it to scroll down when people click on contact me in the header,

to scroll down do the “ready to elevate you collection”

in the bottom of the page.

Can somebody help me please?

Warm regards.

2

@Artez - can you please share your website link?

3

Hi @Artez

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

Instructions:

  1. Add a Custom Liquid section with this code to Header group area:

DrewOswald_0-1748799256281.png
DrewOswald_0-1748799256281.png400×229 42.5 KB

  1. Add Custom Liquid section with this code to where you want to smooth scroll to:

Note: You can change the id from “custom-anchor-1” to something else but make sure it doesn’t have spaces. Also, ids must be unique so don’t use the same id more than once.

DrewOswald_1-1748799256242.png
DrewOswald_1-1748799256242.png400×219 40.9 KB

  1. Remember the menu used in your header

DrewOswald_2-1748799256273.png
DrewOswald_2-1748799256273.png399×192 27.4 KB

  1. In Shopify Admin find your menu and add a menu item that links to that id

DrewOswald_3-1748799256271.png
DrewOswald_3-1748799256271.png399×145 23 KB

  1. Test

DrewOswald_4-1748799256281.png
DrewOswald_4-1748799256281.png400×190 35.4 KB

5

Great help, thank you very much!