Canvas Support

stretched testimonial images on iOS safari

1 reply · opened Jun 21, 2023

Ddendaashans-peterJun 21, 2023

Hello,

while using larger images for the testimonial carousel the resize on iOS safari creates ovals instead of circles.

I don't like to downsize the images as this results in blurry images on larger screens. What can I do?

KR Hans-Peter

for reference I include the code below.

<div class="slide">
<div class="row flex-column gy-3 align-items-center">
<div class="col-auto pt-1">

attachment

					&lt;/div&gt;
					&lt;div class="col-lg-6 mb-3"&gt;
						&lt;p class="mb-3 fs-5 font-secondary"&gt;Natus voluptatum enim quod necessitatibus quis expedita harum provident eos obcaecati id culpa corporis molestias.&lt;/p&gt;
						&lt;h4 class="h6 mb-0 fw-medium"&gt;Collis Ta'eed&lt;/h4&gt;
						&lt;small class="text-muted"&gt;Envato Inc.&lt;/small&gt;
					&lt;/div&gt;
				&lt;/div&gt;
			&lt;/div&gt;
SSemicolon WebSTAFFJun 21, 2023

Hello,

Yes, this should not happen and we are not very sure what is causing this. We will look into this more deeply and release a fix in the next update. But, meanwhile, you can simply add the .w-auto Class to the `` tag and this should resolve the issue. Example:
[ch_pre]
attachment
[/ch_pre]

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard