Sydney Pro Crelly Slider

Hello upgraded to Sydney Pro and I would like to know how to incorporate this “click to scroll” feature in crelly slider? I searched and found this code

<a href="#primary">
<div style="box-shadow: none; line-height: 1; border: 2px solid #fff; color: #fff; font-size: 24px; padding: 15px 25px; font-weight: 800;">
Click to scroll
</div>
</a>

I ADD TEXT, paste CSS code inside Custom CSS code and the button disappears.

Hello,

Can you please describe what exactly you want to achieve?

Kind Regards, Roman.

Hello, In the Sydney Pro Demo. The Crelly Slider has a Click to Scroll button which scrolls down to the Services section of the webpage. I know how to make the button by the tutorial, but I don’t know how to enable the scroll down feature.

Hello, thank you for explanation.

You can use this link structure:

http://example.com/#section-id

Just replace http://example.com/ with your home page URL, and #section-id with the id of respective section.

You can find the id of an element by doing a right-click on it, select Inspect Element and find something like this:

<div id="pg-220-1" class="panel-grid"… - in this case, pg-220-1 is the id of a div element.

If you want pretty ID (for example, #services), then you can set it in row settings, Attributes section.

For more information you can refer to this guide.

Kind Regards, Roman.

Thank you.

I found the “div id” and changed it to /#primary and also adjusted the padding and it jumps to the section of the webpage I needed. Instead of jumping is there a way so it scrolls down smoothly?

Hello,

Can you please provide a link to your website?

Kind Regards, Roman.

I would like to but I cannot, because my website is on my local host and not online.

Hello,

You can try to use #section-id link structure instead of http://example.com/#section-id

Kind Regards, Roman.

Thank you.

You are welcome!

Kind Regards, Roman.