Image height issue
-
When I publish a page on my website with an image, the image loads as a height cropped version of itself.
On this page the image is shown with 2 different layouts, showing the same cropping behaviour on both images: https://www.biomusicone.com/img-height-issue/
The style source, woocommerce-layout.css, (.woocommerce img, .woocommerce-page img) height property is set to auto. Changing this to a fixed value on inspection with dev tools stretches the image, suggesting it has been cropped when the page loaded.
Usually the whole image displays properly, in this case showing the full phone screen:
https://www.biomusicone.com/wp-content/uploads/2020/09/App_screenshot_4_new_noBorder_arrow_noBlur.pngI had never had this behaviour before (hard to say before when, but definitely before the last couple of Woocommerce updates, maybe before 4.4.2). I’m posting in this forum because the woocommerce style seems to be at fault, but in truth I don’t know if it’s due to a recent Woocommerce update or due to something else like my theme (Divi) or a plugin.
I also have no idea what to do about it. Usually I’d expect to be able to debug this by changing the height of the element or wrapping elements in dev tools, but in this case this doesn’t help. It appears the image is cropped, but I don’t know why or how.
Has anyone had this kind of problem before?
Many thanks for any help anyone can provide.
The page I need help with: [log in to see the link]
- The topic ‘Image height issue’ is closed to new replies.