Les images sont de taille incorrecte lorsque le LazyLoad est actif
Il peut parfois y avoir un conflit entre le substitut en SVG utilisé pour LazyLoad et la façon dont le navigateur gère les règles CSS qui dimensionnent les images. Les images peuvent apparaître à la mauvaise taille, à moins que vous ne redimensionniez la fenêtre.
La solution consiste à modifier le substitut utilisé pour le LazyLoad. Pour ce faire, ajoutez l'extrait de code suivant à votre site : http://snippi.com/s/58c9rvk
function custom_wpr_lazyload_placeholder() { return 'data:image/gif;base64,R0lGODdhAQABAPAAAP///wAAACwAAAAAAQABAEACAkQBADs='; } add_filter( 'rocket_lazyload_placeholder', 'custom_wpr_lazyload_placeholder' );
Vous pouvez l'ajouter dans le fichier functions.php de votre thème enfant, dans un plugin de fonctions customisées ou dans un gestionnaire d'extraits de code : Ajouter des extraits de code
Videz le cache après avoir ajouté l'extrait.