Back to Top Button sticky

[Jan]

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*

[mariusjopen]

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

[Jan]

@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*

[mariusjopen]

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

[ute]

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

[mariusjopen]

Hi @ute
can you post a link to your website?
Then I can help better :-)

Many wishes!

Marius

[ute]

@mariusjopen

Sure thing:)

http://richterstella.com/001in-space-2018fullscreen-slider

[mariusjopen]

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

[ute]

hej Marius,

can you tell me how to do that?

Thanks :)