Navigation Pro: 100% wide Featured images with AMP

[iamwill]

Hi
I'm trying to set up the Navigation Pro theme but can't get the featured images to show at 100% width when the AMP plugin is active. Has anyone got this working? I've gone through the theme manual and submitted a support ticket but still havn't got this working. Any advice would be massively appreciated.

Thanks loads

Will

[Brad Dalton]

Please link to the page in question.

---

Tutorials for StudioPress Themes & WooCommerce.

[iamwill]

Here's an example post - https://eyerevolution.net/blog/old-sessions-house-virtual-tour/

[Brad Dalton]

Try this

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

Your image width is 1700px.

---

Tutorials for StudioPress Themes & WooCommerce.

[iamwill]

Thats really close, thanks Brad! It's now 100% wide but the height isn't in proporton. See here - https://eyerevolution.net/blog/jaguar-xe-360-interactive/

[iamwill]

I changed fill to cover and it's working a treat 🙂

Thanks for the help!

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

[Author]

Posts