• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Scroll back to top button

New Here ,
Feb 10, 2020 Feb 10, 2020

Copy link to clipboard

Copied

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?

TOPICS
Code , How to , Publish

Views

508

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Feb 10, 2020 Feb 10, 2020

Copy link to clipboard

Copied

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 & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Feb 10, 2020 Feb 10, 2020

Copy link to clipboard

Copied

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?

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Feb 10, 2020 Feb 10, 2020

Copy link to clipboard

Copied

LATEST

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 & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines