To Top button higher on mobile

Posted in: Newspaper
Post count: 494

Hi,

I’d like to move the To Top button a little bit higher on the mobile version of http://www.mondeoz.com as at the moment it comes under the Shareaolic bar.

Could you kindly help?

Thanks

Post count: 18283

Hello !

In order to adjust the To Top’s button position higher you need to add this custom css code to your Custom Code tab located in Theme panel: https://www.screencast.com/t/JrXWK26CfzpN

.td-scroll-up {
    bottom: 50px;
}

Thank you !

  • This reply was modified 7 years by Vlad S.
Post count: 494

Hi Vlad,

Thanks for your message but it doesn’t seem to be working.

Post count: 18283

Hello !

Please make sure you’ve pasted the correct code here: https://www.screencast.com/t/JrXWK26CfzpN and also clear all cache. If not the problem persists you can try this code too: .single .td-scroll-up {
bottom: 50px;
}

Please let me know if the problem persists.

Thank you !

Post count: 494

Hi,

It still does not work, I even tried to change the value to 100.
The ToTop arrow is still behind the Shareaholic bar and not above.

You can check on https://www.mondeoz.com/insolite-voyage/street-art/ for example, on a mobile phone obviously.

I’ve left your CSS (the last code).

Thanks

Post count: 18283

Hello !

Please provide us a picture of where you have pasted the code. We checked both codes on multiple devices and it is fine on our side.

Thank you !

Post count: 494

Hi,

Here is a screenshot: https://ibb.co/V9jMD2v

Thanks

Post count: 18283

Hello !

Please insert the code in the mobile theme tab: https://www.screencast.com/t/y5iLsN3bLGil. Also we suggest using the WP-Super Cache in order to clear browser’s cache: https://tagdiv.com/wp-super-cache-plugin-install-and-configure/

Thank you !

Post count: 494

Now it works! Thanks Vlad

Post count: 494

Hi,

Your code works well on posts but I just noticed that it does not work on some pages like this one: https://www.mondeoz.com/author/emma/

Can you kindly help?

Post count: 18283

Hello !

Sorry for inconvenience !

Try this code, it should work on every page: .single .td-scroll-up, body .td-scroll-up {
bottom: 50px;
}

Thank you !

Post count: 494

Hi,

Unfortunately it does not work on author pages…

Post count: 18283

Hello !

I’ve managed to reproduce your error only on iOS. Please try this code: .td-md-is-ios .td-scroll-up {
bottom: 50px;
}

Thank you !

Post count: 494

Hi,

So now it’s acting weird: the scroll up button is half hidden on some pages (ex: https://ibb.co/YjJqXWC and https://ibb.co/bgySgM9). On some others it’s also half hidden at first but then will come at the right position when the Shareaolic bar appears.

Please help

Post count: 494

I’ve left your latest code on https://www.mondeoz.com/ so you can see by yourself

Post count: 18283

Hello !

This is how we see it now on iOS: http://cdn.tagdiv.com/wp-content/uploads/2019/05/file_from_ios.mp4

The same result is on Android. We’ve tested multiple pages from your website and seems to work now.

If the problem persists send us an email at contact@tagdiv.com and provide admin login, as well as cPanel or FTP if possible. We will take a look.

Thank you !

Viewing 16 posts - 1 through 16 (of 16 total)
You must be logged in to reply to this topic.