[Resolved] Scroll down button for Head On library item

Hi there,

Since you’re using a Header Element, you can add the indicator into the Header Element content.

For example:

<a class="smooth-scroll" href="#your-destination">Scroll down</a>

your-destination would need to be replaced with the ID of the section you want to scroll to.

You would also need to enable smooth scroll in Customize > General.

The “Scroll down” text can be replaced with an image (or an SVG).

Let me know if you need more info 🙂

No problem 🙂

Hi there,

Where can I see the current setup?

Let me know 🙂

Hi there,

for your hero link – edit the anchor link to include this class hero-jump-link:

<a class="smooth-scroll hero-jump-link" href="#home-body">See More</a>

Then add this CSS:

.page-hero {
    position: relative;
}
.hero-jump-link {
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
}

smooth-scroll works by jumping to an element ID.
So instead of this for example:

<a name="specialty-items"></a>

you would edit the Section and in the Section ID add: specialty-items

OR you could do something like this:

<h2 ID="specialty-items">Accessories</h2>

You’re welcome