Has anyone seen this occur when editing ?

Permalink
Hi,

I have an issue when I click the [ pencil [ edit page button. Basically the site becomes broken [ attached visual ]. Basically the cause here is most likely due to cloud-flare. My main reason for posting is to ask has anyone had this occur looking at my attachment. If so what was the cause and solution.

Thanks

1 Attachment

melange
 
Gondwana replied on at Permalink Reply
Gondwana
I doubt that the problem is cloudflare. I'd be suspecting JS interference (such as loading jquery more than once). Have a look at the browser developer console for clues, and try removing recent changes that involve JS (eg, installed packages, custom code).

Perhaps it could be a CSS thing, but I kinda doubt it.
melange replied on at Permalink Reply
melange
Thanks for the reply!!! I have very limited skills with building sites but Ill look into what you have said. Thanks again !
melange replied on at Permalink Reply
melange
I forget to ask , how do I " Have a look at the browser developer console for clues "

?

Thanks !
melange replied on at Permalink Reply
melange
Well , I sort of have some information but not sure where to next with it. I run the JavaScript console in different browsers and found what seems to be the same 1 error across multiple browsers. That of :
Failed to load resource: the server responded with a status of 404 ()
relating to embed.tawk.to/59578944e9c6d324a473845f/default .

I was using an Widget a live chat pop-up box type of thing and it had been working fine. But once I got Cloudflare I went to the Tawk.to website admin console and turned off the service their. I had not been having any troubles with it. I did not however remove the Widget Code


<!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0 ];
s1.async=true;
s1.src='https://embed.tawk.to/59578944e9c6d324a473845f/default';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
<!--End of Tawk.to Script-→

Just now I had this response from Cloudfare:

A 404 error is shown when the file doesn't exist on the origin web server at the address that was entered in the web browser. Because Cloudflare doesn't host any content and will never rewrite or change the URL as it is being passed through between the visitor and the web server (unless the domain is under the Enterprise plan and this has been specifically configured), 404 errors are almost always the result of something being configured incorrectly on the origin web server. Possible reasons include:

The path to the file on the webserver is incorrect, or the file doesn't exist. You should ensure that the file exists at that path on your server.
The website configuration file on the web server has been set to point to the wrong file path. Check that the site configuration is pointing to the right directory on your web server. The best way to check to see if that might be the case would be to check the Access and Error logs on the server for the 404 message. There are times however when Cloudflare might be caching a 404 message. Cloudflare will respect any caching headers that are sent by the origin web server. By default, Cloudflare will cache 404 messages for 10 minutes. If you are sending caching headers for longer than that, Cloudflare will respect those headers and cache it for longer. If you ensure that the header Cache-Control: no-cache has been set in the website configuration, Cloudflare will not cache the 404 page at all.
If you have any further questions about the cause of 404 headers, or you're seeing them in conjunction with an App in your Cloudflare account, do respond to this ticket and we can investigate this further for you then.

The only 404 error I can see in the Java Web Dev tool was that one relating to the Widget. I did disable it from the tawk.to website panel however the Widget Code is still on my site and I cant putting Concrete5 into edit mode doesnt work its broken so I cant remove it if thats what needs to happen. Any thoughts ? P.s The Website ishttp://www.melangecounselling.com

Thanks any feedback would be really appreciated