How to Disable default Back to Top button?

[Nantz]

Nantz

August 30, 2023 at 12:17 pm

Hello…

Using a Virtue Premium child theme, I cannot find a way to disable the default “Back to Top” arrow that appears on the bottom right of each page—but not at all in any mobile browsers (Chrome, Safari).

Because the “Back to Top” button does not appear on mobile devices, I’ve installed a nice plug-in (WPFront Scroll Top) that does the job. However, now BOTH buttons appear in desktop browsers, but only the plug-in’s button appears on mobile devices.

How can I disable the default button, so that only the plug-in version appear in both places, since that is the one that works on both desktop and mobile?

I have seen CSS code provided in this forum (8+ years ago!) that changes the appearance of that default button, but my attempt at using that like this:

#topcontrol .to_the_top>div {
display: none !important;
}

…does not work. I’d like to keep the blue arrow (plug-in version) and remove/disable the gray square arrow (default).

The website’s URL: *Login to see link

Please help! Thanks… ~n