not sure what I am doing wrong but flexblock is loading 2 images for the same space.
this is visible on GTmetrix as the waterfall shows both images
the same space will load 485×360 as well as 970×720
page – travellingonpoints.com
example code
<div class="td-module-thumb">
<style>@media (-webkit-max-device-pixel-ratio:2){.td-thumb-css.tdi_57_a49{background-image:url(https://travellingonpoints.com/wp-content/uploads/2020/10/Priority-Pass-Person-Holding-Phone-970x720.jpg)}}</style>
<span data-bg="https://travellingonpoints.com/wp-content/uploads/2020/10/Priority-Pass-Person-Holding-Phone-485x360.jpg" class="entry-thumb td-thumb-css tdi_57_a49 rocket-lazyload" style=""></span></div> </div>
Hello !
Please make sure that you have accomplished all the system requirements as in our documentation here: https://forum.tagdiv.com/requirements-for-newspaper/
Please make sure that you do not have a plugin conflict, please deactivate ALL plugins except tagDiv ones, also if you are using child theme or cache plugin, deactivate them, clear all cache and try again.
Thank you !
Hello !
The second option might then be the retina one: http://prntscr.com/v8oh1i Deactivate it, clear your cache. And let us know the result !
Thank you !