Scroll To Top – Astra https://wpastra.com Fast, Lightweight & Customizable WordPress Theme for Any Website Wed, 23 Feb 2022 21:07:36 +0000 en-US hourly 1 https://wordpress.org/?v=5.9.3 https://wpastra.com/wp-content/uploads/2020/01/favicon-astra2x.png Scroll To Top – Astra https://wpastra.com 32 32 Scroll To Top https://wpastra.com/docs/scroll-to-top-pro/ Sun, 25 Feb 2018 18:30:00 +0000 https://wpastra.com/?post_type=docs&p=24674 Scroll To Top Read More »

]]>
This is a premium feature available with Astra Pro Addon plugin. To use these Pro features, you need to have the Astra theme along with the Astra Pro Addon installed on your website.

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 Using the Scroll To Top Module
Step 1: Make sure you have the Astra Pro Addon plugin installed and activated. How to Install Astra Pro Addon plugin?
Step 2: Activate the Scroll To Top module from the Astra Options under the WordPress Dashboard > Appearance > Astra Options
Step 3: 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.

Astra Scroll To Top Activation

After activating the module, you can find the settings under Appearance > Customize > Global >Scroll To Top

In the settings, you will find the following options –

Scroll To Top, Astra 3.0+

Display On

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

Display Scroll To Top, Astra 3.0+

Position

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

Scroll To Top Position, Astra 3.0+

Icon Settings

You can set the following icon properties.

Scroll To Top Icon Settings, Astra 3.0+

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.

Apart from the above settings, you can change the icon for the scroll to top link. Please refer this document How to Update the “Scroll To Top” Icon

]]>