How to Add Scroll to Top Button Using Astra?
|
/ Documentation /Astra Theme Walkthrough/ Scroll To Top

Scroll To Top

Scroll to top is a feature that is available in the free Astra theme version 4.0.0. As the name suggests, this addon helps add a scroll-to-top action on longer pages. This takes away the pain of scrolling right to the top when you’ve reached the end of the page.

Quick Steps on How to Add Scroll to Top Button
Step 1: Make sure you have the Astra theme installed and activated.
Step 2: Visit Customizer [ Appearance > Customize > Global > Scroll To Top ] to edit module settings

When enabled, a simple click on the icon will take you right to the top! It allows the visitor to easily scroll back to the top of the page. The button appears only when the user scrolls down. It is useful for one-page websites as well as long content-based websites.

Scroll To Top

Display On

You can choose to scroll to the top link to be visible on desktop and/or mobile.

Scroll To Top

Position

You can choose scroll to top link to align on the right or the left side of the page.

Scroll To Top

Icon Settings

You can set the following icon properties.

1. Icon Size – Allows you to set the size of the icon font.
2. Icon Background Radius – Apply rounded borders for the icon background with this.
3. Icon Color – Allows you to set the icon font color
4. Icon Background Color – Allows you to set the background color of the icon.
5. Icon Hover Color – Allows you to set icon font color on hover.
6. Icon Hover Background Color – Allows you to set the icon background color on hover.

The settings to change the background radius, icon color and icon background color are available under the design tab.

Scroll To Top
Was this doc helpful?
What went wrong?

We don't respond to the article feedback, we use it to improve our support content.

Need help? Contact Support
On this page

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.

This field is required.

REWIND

YEAR IN REVIEW

Scroll to Top
Now choose your preferred
page builder addon
Choose your preferred page builder addon

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.

Download Free Astra Theme - Modal Popup Form