Sticky "scroll to top" at the bottom.

viktorhor

Hi there,

How can I make a sticky "scroll to top" text, that always at the screen like the menu, and after scroll down does not disappear?

I need it to this website: https://audreyhor.com (currently "scroll to top" is part of my footer)

Thanks in advance

Richard

Sure! :)

You can do this with the Custom CSS option located in
"Lay options" "Custom CSS & HTML"

Screen Shot 2020-08-24 at 9.38.30 PM.png

Adding Code for example like this:

.text.scrolltotop {
    position:fixed !important;
    bottom:0;
    right:0;
    margin-right:10px;

}

Screen Shot 2020-08-24 at 9.38.42 PM.png

Here we have targeted the element that we desire and given it a fixed position to keep it "Fixed" to the viewport of the screen,

Screen Shot 2020-08-24 at 9.40.20 PM.png

Additionally we have given it a "margin-right" of "10px" to give it space away from the side.

I hope this helps you in your Lay Theme Journey,

Best Wishes
Richard