CSS Content not loading

Support
#1

Hi there

I am having a real issue with the website I am developing. Up till now everything has worked as should. However for some unknown reason tonight the CSS for the content aspects of the pages is not loading and everything is displaying in HTML. Oddly the CSS works on the mobile browser and I have tried on different PCS and laptops and having the same display issues.

This is very frustrating and I really need some help to get this working. When I access the content from the PRO editor section the CSS does display. It simply wont work in the live browser. I have also tried clearing Cache etc and every plugin/ theme is up to date. I am working on Pro Child Theme and as I say site was working fine till tonight. Ive tried everything I know but no luck to restore. The web page can be found at www.gardinerwaters.co.uk/glasgow-letting-agents

Please I really need your help

Thanks
Nikos

#2

Hello Nikos,

Thanks for writing in!

I have checked the page in questioned and I found out that there is a JS error. The error came from your custom JS code. You have added this:

/* Demo purposes only */
$(".hover").mouseleave(
  function() {
    $(this).removeClass("hover");
  }
);

This code do not work and incorrect. Please have it updated and use this instead:



(function($){
	/* Demo purposes only */
	$(".hover").mouseleave(
	  function() {
	    $(this).removeClass("hover");
	  }
	);
})(jQuery);

After doing the updates, always remember to clear all caches (if you are using WP Rocket, WP SuperCache or W3 Total Cache) when updating so that the code from the latest release is always in use. This will help you to avoid any potential errors. And please clear your browser cache too. You may use private browsing mode in testing your site to make sure that you are viewing the latest codes from the updates and not the cached version in your browser.

Hope this helps.

#3

Appreciate the reply but same issue continues. I actually removed that J Query code as I have no idea why it was there. Must have left it behind when messing around. The issue is happening on every page of the site. I have cleared cache also but the problem with CSS still exists.

Its odd because the CSS styling works fine on a small screen size. Can you please review again for me. Many thanks

Nikos

#4

Hi There

I figured it out. There was a piece of code in the footer CSS that was incorrectly entered into the CSS box. I have now resolved this. Many thanks for the reply in any case. Thanks

#5

Hey Nikos,

We are just glad that you have figured it out a way to correct the said issue.
Thanks for letting us know!

Best Regards.

#6

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.