Adding the Scroll to Top button to your website

Updated on September 21, 2021

How to enable the Scroll to Top button in Jupiter X?

Adding a scroll-to-top button to your website facilitates navigation to your website and allows users to scroll to the top of a page with the click of a button.



In Jupiter X, you can enable the Scroll to Top button so that this option will appear on the bottom-right corner of your website after some scrolling.

This option is enabled by default in Jupiter X, but if it’s disabled somehow or you can’t see it after some scrolling of your webpage, you can enable it by following the steps below:

1. From the WordPress left dashboard menu, go to Appearance > Customize > Elements

2. Click on Go to Top and enable the option.

3. Close the Go to Top tab and Publish the customization.

Changing the location of the button

If you wish to change the location of the button from the bottom right corner to the bottom left corner, you can use this CSS:

.jupiterx-corner-buttons.jupiterx-scrolled {
    right: unset;
    left: 0;
}

.jupiterx-corner-buttons {
    transition: left 0.15s;
    right: unset;
    left: -100px;
}

Please note that, in RTL websites, the button will be on the bottom left corner of the website by default.

Did this answer your question?