-
Posts
-
Hi there, ever since updating to 4.0.2 two days ago, we receive emails from readers telling us that they cannot scroll on Safari.
We checked it and we cannot scroll in Safari on Mac either with the latest version.Any idea what it could be?
For example this How to Give Great Gifts Posts is one of the URLs.
Hey!
Please go to WP-Rocket plugins options and uncheck “Enable caching for mobile devices.” and flush cache
Cheers!
YigitThanks Yigit, but I do I have to disable caching all of a sudden? We had this option enabled for over a year.
Does it have to do with the latest theme update? Will there still be caching?Have you been in touch with WP Rocket? I am sure there is a way to fix this so we can use mobile caching and enfold
Hey!
Thanks! We will keep the thread open and wait to hear from you in case you have some news from wp-rocket team.
Thread will be on hold and will be re-opened once you reply :)Regards,
YigitGlad having found this discussion. I have the same issue not only on my iPhone, but also on my Mac with Safari. That’s why I have disabled the whole WP Rocket plugin now. Only to disable the mobile cache did not help for Safari on Mac.
Unfortunately I did not recognize the problem immediately, because usually I am logged in while I am using Safari on my Mac.
Hi!
Could one of you please create a testing environment by referring to this thread – http://kriesi.at/documentation/enfold/move-from-a-local-installation-to-a-live-server/ and enable mobile caching so we can try to troubleshoot the issue there?
Best regards,
YigitSorry, I can’t do that because I downgraded my theme to the previous version until it is fixed.
Can you guys just install wp rocket and test it? Also the wprocket people are very responsive and willing to help.
Please reach out to them. They know much more about their plugin than we do. (Email address hidden if logged out)Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#wrap_all { overflow-y: scroll; }Best regards,
YigitHey!
It solved the same issue (not sure if wp-rocket was in use though) on another users website so i thought it would help.
As i mentioned above, we are going to need to see the issue live to provide a solution i’m afraid :/Cheers!
Yigithi guys,
meanwhile….
i found out that optimization of CSS causes the problem.
i run wp-rocket with nearly all “bad stuff” turned on. if i turn off “File Optimization” –> CSS the error disapears.now maybe someone can support me finding the right CSS file?
good hunt!lets solve that sh#*++#
rene
Hey!
@copemanm Can you please start a new thread and attach temporary admin logins in private content field there? If you post them here, they will be visible to creator of this thread as well.
@kinkel Thanks for your input! We will hopefully solve this issue soon and we will post it here as wellCheers!
YigitHey!
@miksbl Please start a new thread and attach temporary admin logins in private content field. If you post them here, they will be visible to creator of this thread as wellBest regards,
Yigitnow this is strange, but maybe it helps…
ich fetched als css and excluded them from optimization with this tool
(https://wp-rocket.me/tools/wp-rocket/debug/minify/)and turned on CSS Optimization again.
and the error is still there 8-(
as the error results of a height definition in css body it could be a combination with JS maybe (calculation the height)!?
Hi Yigit – apologies – but I’m not able to provide admin logins to the site. I know that’s not helpful – but I’m afraid we’re just not happy to do that. It’s working with the removal of WP Rocket’s mobile caching – so I’m OK with the fix.
Many thanks,
MarkHi!
@kinkel Thanks for your input again. We still have not received logins to a site where we can see the issue. If you do not mind starting a new thread and attaching temporary admin logins in private content field, we can check the issue on your site.
@copemanm That is totally understandable. We will post in this thread if we find a fix other than disabling mobile cachingRegards,
YigitHi!
I have just added following code to Quick CSS on a users site where the same issue was occuring
#wrap_all { overflow-y: scroll; }and then went to WP Rocket options, unchecked CSS minification, flushed cache then check it again and flushed cache once again and that helped. Can you guys please make sure it is not a caching issue?
Regards,
Yigit@yigit:
you dont have to add this code it works also if you just disable css minification.for sure its a caching problem, but i think it it also interacts with a javascript calculating the window height,
because if i add all .css to be excluded by minification the error still occurs.(see post above)
Hi Yigit,
I would like to jump in to say that I am also experiencing this issue when browsing the site on the mobile version of Safari with the latest version of Enfold and WP Rocket. I applied the CSS code and can confirm that it does fix the problem of not being able to scroll the page. However, I wanted to mention that after applying that CSS code the page does not scroll nearly as fluidly as it should (it is a bit jerky and does not scroll smoothly). It seems that the only option for the page to scroll properly is to disable CSS optimizatoin in WP Rocket (as mentioned by isee) until a fix has been released by Enfold.
Thank you.
We spoke with WP Rocket, they informed us that Enfold is aware of the 4.x.x theme update is causing these problems (Safari scrolling and CSS minification issues) and apparently you (Enfold) are working on it to fix this:
“There are a couple of issues that Enfold has on their end which they are aware of and working on. Once those are done, we’ll see how minification performs, it should be fine once they make their fixes.”
Is there an ETA for the Enfold theme fix?
Thanks.
Hi,
Yes, our devs are working on it. We will release an update with a fix within a week :)
Best regards,
YigitSame issue for us:
Safari with new version 4.0.2 wont scroll: Turned off WP rocket css Minification and the site works fine.
Turned CSS Minification back on site wont scroll in safari.
THIS CODE DOES NOTHING:
#wrap_all {
overflow-y: scroll;
}Our site works fine on mobiles with “Enable caching for mobile devices on” but not with CSS Minification turned on.
Everything works when logged in as admin
Update to theme please so we can use the CSS Minification option for site speed.
Same here
I’ve rolled back to an earlier version as I absolutely need mobile caching enabled.
However, some of you may be interested in what I just found out with Enfold 4.0.2 applied.
When I went to Google Search Console and selected ‘Fetch as Google’ I noticed that a rendered page did NOT show anything below the fold. This means that if you see this issue all your content will not be seen by Google.
And we all know how bad that can be right?I posed the question to one of the senior Webmaster forum members (on private email) and he confirmed that what you see in the ‘rendered’ display pane is all Google will crawl. Nothing more.
I found this to be the case WITHOUT any caching enabled from WP-Rocket. I may be the only one affected so I cannot say what the cause would be; but a roll back to 3.8.5 and WP-Rocket enabled gets me back to everything working just fine.
Hope the devs have a fix soon.Just hope that makes everyone check that their pages are rendering in the ‘Fetch as Google’ tool correctly (ie scrolling down the whole page). Hope this isn’t linked to the 4.0.2 problem we are discussing here?
Photos here: Before and after Fetch as Google
Cheers
EdAs @yigit posted the solution is to add
#wrap_all {
overflow-y: scroll;
}or
#wrap_all {
overflow-y: auto;
}to the custom css box or to the style.css of your child theme. Don’t forget to clear any caches (wp-rocket, w3c, browser, …)
Safari causes problem with overflow since ages. So I don’t understand how such a rule could get into the update and why the issue did not get detected during testing.
- You must be logged in to reply to this topic.