Possible CSS bug – lazy loading affects image scaling
-
Hi, while fine-tuning design of one page I found that switching on and off Woodmart lazy loading affects page looks.
The page has a row with “stretch row and content (no paddings)” setting. There are two columns in the row. Left column contains image gallery. When lazy load is on, all images get .wd-lazy-load class with width property set to 100%, leading to images being scaled up to the screen size even if proper size of image is bigger than its physical size.
When lazy loading is switched off, no such class is applied, this leads to images being scaled only until their resolution is reached. After the container becomes bigger than image physical resolution some padding appears and image is no longer upscaled.
So there’s scaling inconsistency which I suppose is a bug.
Hello,
This is the WP bakery functionality and the way it works. Woodward’s theme does not influence that. Please check how it works on any other free themes and give us the screen of how it works on any default theme and on WoodMart.
Best Regards
How I can check Woodmart lazy loading and Woodmart Image Gallery element with default theme?
Hello,
I mean checking WP bakery page builder image gallery in the default theme. You can try this solution https://xtemos.com/forums/topic/lazy-loading-bug-and-image-or-svg-element/
If the problem persists, let us know, we will double check.
Best Regards