Images not scaling up when expanding the browser

Support
#1

This seems to be a site-wide issue for me. The site = https://largeladders.com/ . Every time the browser (I am using Chrome) goes from a smaller size to larger, the images stay scaled down.

I have Revolution slider on there as well. Those images scale fine. However I might have to remove the plugin as it seems to have a large affect on page speed (critical CSS).

#2

Hello @jearredo,

Thanks for writing in!

I have checked the page in Chrome and as I have resize the browser, the images resize to smaller or wider image size. Can you please point us which image you are referring to?

While we are at the page, I am noticing a JS error. It is because you have inserted an invalid JS code. Please remove this code:

<script src="yall.min.js"></script>
<script>
  document.addEventListener("DOMContentLoaded", yall);
</script>

The Custom JS section in the Theme Options will only accept javascript code. Injecting javascript files using <script> is not allowed thus creating a JS error. To resolve it, please install “Insert Headers and Footers” plugin instead.

Hope this helps. Please let us know how it goes.

#3

I found a way to replicate the problem. It looks as though there is no issue if you load the site when your browser is full screen and then scale down/up/

The issue happens when your browser is shrunk (try half your screen) and then push the browser to close, or at full screen).

#4

Also, this happens to the non-plugin images (all). So the three columns on the home page will show you the issue.

#5

Hello @jearredo,

It seems that you have installed Jetpack plugin. The images do not display properly because it turns out that you are using Jetpack and Site Accelerator (Photon) module is enabled. This module will cached all your images and sometimes it has some problems loading the images. One of the limitations of photons:
No cache invalidations – currently the images are cached “forever”. If you want to “refresh” an image you will need to change the name of the image. Adding random query arguments, commonly known as cachebusters, will not work.

For further information, you can check it here: https://jetpack.com/support/site-accelerator/

For the time being, please disable this module and test your site again.

#6

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