Highlighted

Scroll back to top button

New Here ,
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

373

Likes

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

Scroll back to top button

New Here ,
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

374

Likes

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
Feb 10, 2020 0
Adobe Community Professional ,
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, ACP
Alt-Web Design & Publishing

Likes

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
Reply
Loading...
Feb 10, 2020 0
New Here ,
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?

Likes

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
Reply
Loading...
Feb 10, 2020 0
Adobe Community Professional ,
Feb 10, 2020

Copy link to clipboard

Copied

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, ACP
Alt-Web Design & Publishing

Likes

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
Reply
Loading...
Feb 10, 2020 0