Support » Theme: Karuna » Testimonials not rendered properly on IOS safari

Viewing 10 replies - 1 through 10 (of 10 total)
  • 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.

    Jeroen

    (@jeroenvliestroompje2)

    Issue resolved 🙂

    Right on! 🙂 Thanks for letting us know, @jeroenvliestroompje2!

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Testimonials not rendered properly on IOS safari’ is closed to new replies.