Back to Top

This section gives you the ability to control all aspects of the Back to Top button. This button will allow the user to click and return to the top of the page.

General

Show
Set this option to “On” if you want to show the Back To Top button.
Show on Mobile
Set this option to “On” if you want to show the Back To Top button on mobile devices .
Background Color
Set a background color for the button.
Icon Color
Set the icon color for the button.
Icon
Set the icon to be used for the Back to Top button.
Select an Icon Source, then the Icon Type will be populated.
Border Radius
Set a value for the border radius of the button (50% will make the button a circle).
%, em, px – examples: 25% or 10em or 20px
Show Animation
Set the animation that happens when the button is shown.
Hide Animation
Set the animation that happens when the button is hidden.
Scroll Height
Set the amount of pixels srolled before the button is shown.

Position

Top
Set the number of pixels from the top that you want to place the button.
%, em, px – examples: 25% or 10em or 20px
Bottom
Set the number of pixels from the bottom that you want to place the button.
%, em, px – examples: 25% or 10em or 20px
Left
Set the number of pixels from the left that you want to place the button.
%, em, px – examples: 25% or 10em or 20px
Right
Set the number of pixels from the right that you want to place the button.
%, em, px – examples: 25% or 10em or 20px