Distorted main image | WordPress.org

[ad_1]

Hello @berniesamui

Thank you for contacting us, it seems you AMP page is not valid as it has custom javascript which might be added by the W3Total cache plugin

You also need to activate the AMP extension provided by the w3 total cache plugin.

1) Login as Admin.
2) Goto Dashboard->Performance->Extensions
3) Activate AMP extension.

(Screenshot)

Regarding your issue it seems you are using native <img> tag, which adds some CSS that adds images with height so you see stretched out images.

I will recommend by unchecking the native html support

goto AMP->Settings->Other-> uncheck “Use native HTML image tag“

recheck AMP page.

Add the following code snippet in your child themes functions.php or in a custom plugin

add_action( 'amp_post_template_css', function ( $amp_template ) {
	// only CSS here please...
	?>
	img.lazy { height:auto; }
	<?php
} );

We hope this helps!

It worked 😀

Thank you so much Milind More you are a champ 👍👍👍

The image is displayed correctly again.

Thanks again 🙏🙏🙏

Bernie