sacredpath
(@sacredpath)
Automattic Happiness Engineer
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?
Jeroen
(@jeroenvliestroompje2)
@sacredpath: Thanks for your reply.
So far I have only seen the issue on iOS on a iPhone , 5s and 7.
Attached are images from my iPhone7 showing the issue:
Image 1
Image 2
The featured image is overlapping the text and/or title of the testimonial. The smaller the screen the greater the overlap.
sacredpath
(@sacredpath)
Automattic Happiness Engineer
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%
}
}
Jeroen
(@jeroenvliestroompje2)
Thanks for the custom CSS, good work-around. All testimonials are fully readable again.
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!
Jeroen
(@jeroenvliestroompje2)
Hi @laurelfulford
I have installed Karuna version 1.2.6 but after having removed the custom CSS, the reported issue was not resolved.
I have re-inserted the custom CSS to work around the issue
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!
Jeroen
(@jeroenvliestroompje2)
Hi @laurelfulford,
Clearing the cache again did the trick, looks perfect now.
Thanks for the quick support, Awesome.
Right on! 🙂 Thanks for letting us know, @jeroenvliestroompje2!