How to Use & Customize Back To Top Widget

Add a scroll-to-top button with customizable style and smooth scrolling animation with Back To Top Widget.

Follow the step-by-step instructions:

1. Go to Menu Romethemekit.

2. And you will be able to see the Back To Top Widget.

3. Click Add New Container.

4. Select your layout : Flexbox or Grid.

5. On the canvas select your structure.

6. Drag the widget from the Elementor 

7. Drop it on the selected area.

8. Content :

• Click Content → Content.
• Select style : icon only, text only, progress indicator.
• Click Icon Library → Choose Icon → Click Insert to add icon.

9. Settings :

• Click Content → Settings.
• Click yes if you want to hide button when you scroll the page.

10. Button Style (used to customize the button style) :

• Click Style → Button.
• Customize the alignment, button width, button height, icon size, border, radius and color, background color and shadow.

11. Don’t forget to click Publish to save the changes.