Testimonials not rendered properly on IOS safari

Hi there, i checked the two pages you reference in Firefox and in Safari 11.1.1 and the display of the testimonials on both referenced pages are virtually identical for me.

Can you explain a bit further what it is you are seeing, perhaps you can do a screenshot and upload it to your media library and then post a link?

Ah, now i’m getting it on my iPhone 6s + and now also able to see it in my simulator.

I’m filing a bug report on this. Hopefully it will be fixed very soon, but I can’t make any promises.

In the meantime, add this custom CSS.

/*temporary fix for front page testimonial image issue*/
@media screen and (max-width: 768px) {
	.front-testimonials .jetpack-testimonial {
		margin-bottom: 150px !important;
	}
	.front-testimonials .hentry .post-thumbnail {
		bottom: -15%
	}
}

Hi @jeroenvliestroompje2!

Thanks for reporting this issue! We’ve added a fix to Karuna in version 1.2.6, which should be available shortly.

Once you’ve updated to the newest version of the theme, the Custom CSS workaround should be removed — otherwise it may cause display issues.

Just let us know if you have any questions about the above, or if you run into anything else we can help with!

Thanks for letting us know, @jeroenvliestroompje2!

If I use the iOS simulator to remove the custom CSS workaround locally, it looks like this for me:

That’s probably not a perfect match for what you see on your phone without the CSS, but if it’s quite different can you please post screenshots again and I can take another look?

Could you also trying clearing the cache under Settings > Safari, just in case it’s being a bit aggressive? Thanks!