Back To Top Atom Documentation

Free Gantry5 atom to create a “smooth scroll back to top” button. Improve your website’s user experience with a very simple arrow which fades in when visitors start scrolling the page. See how Back To Top can be designed beautifully on Demo Page.
Installing the particle on your website is a really simple process. You can refer to the document here to know more.

After you upload and implement this atom, go to your Template/Theme Settings > select the Layout to add Back To Top atom (i.e: Home) -> Page Settings -> Enable the Back To Top Atom


Settings Description
Icon Define the back to top icon using Uikit svg icon. You can find more icon here, just place the icon name to input text box, i.e: arrow-up
Background Color Customize the back to top background color.
Color Customize the back to top color.
Background Hover Customize the back to top background on hover.
Hover Color Customize the back to top background on hover.


Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

JoomLead Gantry 5 Particles 2.1.0 released. New features, WCAG 2.0 accessibility and bug fixes See changelog
Sale 30% OFF Cyber Monday. Use the discount code CM2019 during checkout Buy Now