Skip to main content
S
Siggetuna
Participant
February 10, 2020
Question

Scroll back to top button

  • February 10, 2020
  • 1 reply
  • 661 views

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 has been closed for replies.

1 reply

Nancy OShea
Community Expert
Nancy OSheaCommunity Expert
Community Expert
February 10, 2020

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.

 

Nancy O'Shea— Product User & Community Expert
S
SiggetunaAuthor
Participant
February 10, 2020

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?

Nancy OShea
Community Expert
Nancy OSheaCommunity Expert
Community Expert
February 10, 2020

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. 

 

 

Nancy O'Shea— Product User & Community Expert
Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices