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 :)