- Posts
How do I change the ‘back to top button’ that automatically appears when you scroll down in Crio?
I want to be able to customize it or turn it off completely (if the boss doesn’t like it).
I realize that this will be CSS but I cannot figure out the element name to even make a start.
Thanks
Andy
Hello Andy,
Thank you for reaching out to our support team!
To hide the “Scroll To Top” button, simply go to the customizer by navigating to Design -> Site Content -> Scroll To Top. From there, you can click on the “Hide” option, and that will remove it for you.
Let me know if you need any further assistance!
Elana D.
Hi Elana,
Thanks for that – dunno why I couldn’t find that myself as I looked ‘everywhere’!
How do I modify it? I specifically want to change the speed – when I click on the up arrow it goes slowly for a second and then zooms up to the top of the page. I want to avoid the slow bit and just zoom to the top.
Thanks,
Andy
Hello Andy,
Thank you for reaching out to our support team!
Currently, we don’t have a built-in setting to customize the scroll behavior. However, I really appreciate your suggestion. It’s definitely a feature we could explore adding in the future. I’ve gone ahead and submitted a feature request on GitHub to see if we can implement this functionality.
Thank you for your feedback, and please feel free to reach out if you have any other questions or ideas!
Thanks
Elana D.Hello Andy,
Sorry for the second reply, we did find a workaround that you could do by adding two pieces of code.
I added the mentioned code to a GitHub Gist you can add to your customizer or Snippet plugin. Be aware one is a JavaScript update and the other is a CSS update. The CSS update is to disable the default scroll behavior. The JavaScript update is to modify the Crio configuration file.
Also, a thing to note because of how scroll behavior works this will also change any anchor tags to the faster scroll.
Thanks
Elana D.Elana,
The code works perfectly. Many thanks.
Andy
- The topic ‘Customize back to top button’ is closed to new replies.
