Place “Scroll to top button” on left side?

How can I place the “Scroll to top button” on the left side of the screen? I want it to keep all of its attributes, such as animation.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .scrollToTop {
    right: auto;
    left:20px;
}

Best Regards

[Sipo]

Hi Elise. It did not work.
However i changed it to

body .scrollToTop {
left: auto;
left:20px;
}

and it works now. But the popup animation appears from right to left, is it possible to have it appear from left to right?

Regards

• This reply was modified 11 months, 1 week ago by Sipo.

Hello,

Please insert the site admin access into the Private content below the message area. We will take a closer look at the case.

If you have any questions please feel free to contact us.

Best Regards

Hi, yes.

Hello,

Could you specify which element to want to show from left to right?

Now I am checking the site, I do not see any popups.

Best Regards

The “Scroll to top button” that appears when scrolling down.

Hello,

Sorry for the delay.

Please replace the code with this one:

body .scrollToTop {
    right: auto;
    left: 20px;
	transform: translateX(-100%);
}

body .scrollToTop.button-show {
    transform: none;
}

@media (max-width: 1024px) {
	
	body .scrollToTop {
			right: auto;
			left: 12px;
	}
}

If you have any questions please feel free to contact us.

Best Regards

Works great, thanks for the help.

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts