Site logo

Archived topic

Back To Top Button hidden after update to wordpress 5.7

7 replies · Started by Gizmo on March 10, 2021

Viewing posts 1–8 of 8

Hi, the back-to-top button has stopped working on the front end after updating to wordpress 5.7. It does work when logged in to wordpress, but not on the public side of the website. The css seems to show as "hidden" in the code. It is still enabled via customize.

I guess: style="opacity:0;visibility:hidden;" is the problem?

I can use a css hack to make it appear using this:
.generate-back-to-top {
opacity: 1 !important;
visibility: visible !important;
}

But this means it is permanently visible rather than appearing once you scroll down a bit. This is the site it is not appearing on: justbookies.com

In fact it is not appearing on any of my sites since I updated them all to latest versions of wordpress and latest version of generatepress (premium). Thanks for your help.

UPDATE: It is something to do with "Contact Form 7" plugin because it works with that off. If you can still help with a workaround I'd be grateful.

Hi there,

If it works when you're logged in but not when you're logged out, it typically means it's a caching issue.

Have you tried clearing any and all caching (browser, plugin, server, Cloudflare)?

If so and it's still happening, can you link us to the site?

Hi, it is not a caching issue as I have cleared all caches continuously. I use cloudflare so I know caching issues tend to be a problem generally.

As mentioned:
1) the code shows: style=”opacity:0;visibility:hidden;” on the front end.
2) the site is justbookies.com
3) Contact Form 7 seems to be the guilty party. It works ok with that contact form plugin off.

Despite 3), is there a way to get rid of style=”opacity:0;visibility:hidden;” or should I just use the following and then hope Contact Form 7 gets updated to correct whatever the cause is:
.generate-back-to-top {
opacity: 1 !important;
visibility: visible !important;
}

That code is a necessary part of the feature.

The reason it's not working is you have a javascript error happening: https://www.screencast.com/t/09wWUwvOIE

You'll need to deactivate your caching plugin and deactivate your other plugins one by one until you find the plugin causing the error.

Thanks for that info. Yes, as mentioned, with "Contact Form 7" plugin switched off it works as it should.

I guess I'll have to wait for the Contact Form 7 plugin developers to update. It seems that plugin doesn't work with wordpress 5.7.

That's surprising - a lot of people use it so if that's the case it should be fixed soon.

If not, it's possible that it's something else on your site - perhaps some sort of caching issue.

I am confident "Contact Form 7" is the guilty party. There are currently a lot of issues being raised around Contact Form 7 since the recent wordpress upgrades. Their support site is totally swamped with raised problems. I suspect this is just one of them. Yes, I have switched off Contact Form 7 and await a fix from them, fingers crossed, but they are not as on the ball as you guys are.

It isn't a caching issue - I wish it had been or it would have been an easy fix and I would not have opened this support thread.

Ah, in that case, I'm sure they will resolve it ASAP :)

This archived topic is closed to new replies.