How to fix elements not showing on the front-end?




The "Mixed Content" problem

Check for the "Mixed Content" problem.

One reason for this issue could be the so-called “Mixed Content” problem and the simple solution to that is to use one of many “Force SSL” plugins for WordPress.

We recommend using “Really Simple SSL” which may resolve the situation in a few clicks.

What is a Mixed Content error?

A mixed content warning or error appears in a user’s browser when the WordPress site they’re trying to visit is loading HTTPS and HTTP scripts or content at the same time. This can cause problems since HTTP and HTTPS are completely separate protocols.

When you migrate to HTTPS or install a new SSL certificate on your website domain, everything needs to be running over that protocol, including your images, JavaScript files, and so on. And if this is not the case, you may face many front-end problems because content delivery will not work as it should.

How to tell if your page has a mixed content problem?

Simply open the browser console and look for error messages starting with the “ Mixed Content” phrase.

Problems caused by optimization plugins


Cache

Try clearing the cache

One simple solution is to clear or purge the cache. This normally resolves the problem.

Almost all WordPress cache plugins work the same when it comes to caching. They store a version of a pre-generated page in the file system or memory and serve it to users until it expires.

This process can cause unexpected problems for complex plugins like Depicter and unfortunatly this is nothing straightforward and each plugin and option needs to be investigated to see if it's the source of the problem.


Minify and Combine CSS/JS files

Turn off or exclude Depicter files

Turn off the minification and combining files or at least exclude the Depicter files.

Minifying files is another feature of optimization plugins but you don't need it for the Depciter. The depicter style and script files are already minified.

Combining files is another advanced optimization process but it normally causes further problems.


CDN

Using CDN for delivering images can cause display problems because the URLs of the images are different.


lazyLoad

Lazyloading is an integrated feature of the Depicter and having another plugin applying lazyloading effects on the images of the website can cause function conflict.

For lazyloading and CDN options the best thing to do is to turn these options ON and OFF and after making sure that these are the source of the problem, contact our support for further investigations.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us