Skip to main content
Participant
Feb 10, 2020 5:14 PM UTC
Question

Scroll back to top button

I have a scroll back to top button that works fine when the web-page is wide. But when it is more narrow the icon disappears (but it is still present). How do I find a solution to this?

This topic is closed to new replies. Start a new post to keep the conversation going.

3 replies

Nancy OShea
Community Expert
Community Expert
Feb 10, 2020 5:40 PM UTC

Without seeing what you have, I can only suggest moving your trigger icon to an opposite side of the page where it won't be effected by viewport width.  I hope that makes sense.

 

Translate
Nancy O'Shea— Product User & Community Expert
SiggetunaAuthor
Participant
Feb 10, 2020 6:51 PM UTC

Thanks for your kind assistance Nancy. However, what I discovered is that the cursor disappears at screen width 993 pixels, I found this connection in style.css:

 

@media only screen and (max-width: 992px) {
#back-to-top.show {
opacity: 0;

 

What should I change to make the back-to-top icon stay present whatever screen width?

Translate
Nancy OShea
Community Expert
Community Expert
Feb 10, 2020 7:43 PM UTC

Taken out of context, I can't conclude anything from a snippet of CSS code.  Changing opacity to 1 might help or it might not. 

 

 

Translate
Nancy O'Shea— Product User & Community Expert