Image not properly showing in AMP

[Jayanta]

Hi,

When I am enabling AMP (along with the AMP for GeneratePress plugin), the top WPSP section is not showing properly. The problem is not there when AMP is disabled.

The problem is showing (with AMP enabled) in both mobile and desktop.

[Tom]

Hi there,

How can we view the AMP version? ?amp doesn’t seem to be working.

Let us know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Jayanta]

Hi Tom, thanks for your reply. I deactivated the AMP plugin as it was not showing nicely. Activated it again. You may view the AMP version here

Everything else seems okay. Just the top WPSP thing.

[David]

Hi there,

try adding this CSS:

.wpsp-grid amp-img.amp-wp-enforced-sizes[layout="intrinsic"] > img {
    object-fit: cover !important;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Jayanta]

Hi David,

The code works perfect! Thank you so much. Now the website is AMP-First (Native AMP). Who says GeneratePress isn’t good for magazine layout! 🙂

[David]

Awesome – glad to be of help!

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts