gotoTop

3 replies · opened Apr 1, 2021

MmschejbalApr 1, 2021

Hello Again,

One of my pages has a huge list of album covers: https://lincolngoines.com/new/discography.html

When you looked at this page on the phone it took forever to scroll back to the top links because gotoTop didn't work on mobile device, so I modified the css changing gotoTop function to
visibility: true;
and removed gotoTop on all other pages of this website. This is a problem though because that arrow is handy on computer. Any ideas how I can I have only discography page showing gotoTop arrow on mobile?

Thanks,
Maciek

MmschejbalApr 2, 2021

I actually had to revert to original settings, have to open the site, but added an arrow at the bottom of discography page for now. Your help would be still appreciated.
Thanks,
Maciek

SSemicolon WebSTAFFApr 2, 2021

Hello,

There is no need to do any Code Changes. You will need to simply add the data-mobile="true" Attribute to the #gotoTop Element. Example:
[ch_pre]<div id="gotoTop" class="icon-angle-up" data-mobile="true"></div>[/ch_pre]

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

MmschejbalApr 3, 2021

Great, many thanks!!!
M

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard