Hi Frekrik,
Thanks for reaching out. While I do encounter the issue you’re reporting this seems to be as a result of your image styling.
Can you switch to transitional mode so I can check the styling in your non AMP URLs?. The AMP plugin uses the styling from your theme, so while the formatting isn’t applied via the AMP plugin I’d be happy to check for any possible fix.
Thread Starter
Frodde
(@frodde)
Hi James,
I just switched to transitional mode. 🙂
Thanks for the update. I’ve checked and the same seems to exist in your non AMP URLs.
While this doesn’t seem to be AMP specific can you try adding the below to your themes customizer before checking once more (in the “Additional CSS” field)?
@media screen and (max-width: 992px) {
.entry-content img, .entry-summary img, .comment-content img, .widget img, .wp-caption {
max-width: 50%;
}
}
@frodde Checking in here – were you able to add this code, and did it fix your issue? Thanks!
Thread Starter
Frodde
(@frodde)
Hi!
Thank you! Problem disappeared! But – images shrinks to supersmall thumbnails in many places.
So I’m not sure were to go from here 🙂
Best regards
Fredrik
Hi Fredrick,
The new snippet you added would result in all images taking up half the screen size on mobile. Some of your images may have additional margins or padding CSS rules that would also result in the actual image size – now at maximum 50% width – including those rules.
You could change the 50% value in the previous snippet to something more suitable, or apply different CSS rules or classes for individual images. The issue isn’t specific to AMP and occurs in your non AMP also. For this reason you may need to check with your theme developer or web designer if you’re unfamiliar with making CSS styling changes.
Sorry I can’t be more assistance on this.
Thread Starter
Frodde
(@frodde)
Some quite old hands-on stuff in that theme set-up. So I prefered not to touch it, to start with.
You have been very helpful.
Thank you James!
