Back to Top Button sticky
-
Hi,
I try to create on my site a "back to top button" which is sticky/ fixed when scrolling down.
It´s not a big deal to make a back to top button, but I don´t manage to make it fixe.
Is there anybody who could help out.Thanks a lot in advance.
Jan* -
HI Jan,
in the gridder you create an element with an image or a text. This element you give a class
fixed-element
.In the Custom CSS you do something like this:
.fixed-element { position: fixed; top: 100px; left: 100px; }
Play with it.
I hope that works for you.Best!
Marius
-
@mariusjopen said in Back to Top Button sticky:
fixed-element
Hi Marius,
thanks a lot. It works. The only issue now is that the element is laying underneath the images.
How do I get it laying above?
And once more :) - Is there a way to place the Button fixed on the right side of the browser window,
always on the bottom of the page.Basically I want to create a back to top buttom sticking on the lower right corner of the browser window --- just a arrow which brings you up again.
Thanks
Jan* -
Hi @Jan
Have a look here:.fixed-element { position: fixed; top: 100px; left: 100px; z-index: 1000; }
To do the hover thing you might try this. I did not test it though:
.fixed-element { position: fixed; top: 100px; left: 100px; z-index: 1000; opacity: 0; } .fixed-element:hover { opacity: 1; }
I hope I could help!
Marius
-
hi,
i want to insert a "back" button to a fullscreen slider, which will lead back to a specific URL. I just added text to each slider in the gridder of the fullscreen slider. But the button is not fixed. How do i do this?Best
Stella -
-
-
HI @ute
ok. I see your problem.
The button moves – even it's position is fixed.
I think the only way to go here is to place the button outside if the Gridder with the Custom HTML.
Is that an option for you?
All the best!
Marius
-
hej Marius,
can you tell me how to do that?
Thanks :)
Before you post
Use the Search Feature. Maybe there is already a solution to your issue.
1. Update Lay Theme and all Lay Theme Addons
2. Disable all Plugins
3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
4. Now see if your problem solved itself
5. Go here, see if your problem is listed here:
Troubleshooting
When you post:
1. Post a link to where the problem is
2. If the problem is difficult to explain, post screenshots / link to a video to explain it