How to add a scroll down button on Pro hero header?

Support
#1

Hi. We are using Pro theme and we like to know how to add a scroll down button on the hero header. You can take a look at our website https://barmenteros.com/. Let us know if you need any additional info. You can find examples of scroll down buttons here: https://codepen.io/nxworld/pen/OyRrGy. Thanks

#2

Hi There,

Duplicate the Get started button, and design as you want. Use the ID of the element where you want it to scroll on the URL field.

Then add section-1 on the ID field of the section where you want this button to scroll.

Hope this helps.

#4

Thanks. It helped us. Now when we click on the new scroll down button, we get a jump to the section we want but without any offset so the navigation bar covers the top part of the section instead of showing the whole section content. How can we fix this so upon jumping to the section, the whole content is shown without navigation bar covering the top part of the section? Thanks

#5

Hi There,

You are always welcome!
See this thread: https://theme.co/apex/forum/t/scroll-to-section-link-cutting-off-top/7255/2

#6

Thanks for your help. It works perfect now. Best regards

#7

You’re welcome!
Thanks for letting us know that it has worked for you.