Issues with Mobile view - (Iphone)

[alexod]

Hi there,

Guys I have a issue with one of my client's website. For some reason some images not working on mobile view - On android it's fine, no image on iphone/safari browser

<picture class="img bg-position pad-height- border-radius box-shadow over-item" role="presentation" data-role="picture">
<source media="(max-width: 500px)" srcset="/wp-content/uploads/2022/05/services-v9-img.jpg">
<img src="/wp-content/uploads/2022/05/services-v9-img.jpg" alt="">
</picture>

or

<img src="https://www.domain.com/wp-content/uploads/2022/05/Attorney-15.jpg" alt="" title="" style="background-image: url(&quot;https://www.domain.com/wp-content/uploads/2022/05/Attorney-15.jpg&quot;);">

Everything looks good on Desktop and Mobile/android, only on iphone mobile view is not showing any images - just blank slates.

-
Any ideas?

[Sgt_Kickaxe]

instead of

url("https://www.domain.com/wp-content/uploads/2022/05/Attorney-15.jpg")

try

url('https://www.domain.com/wp-content/uploads/2022/05/Attorney-15.jpg')

Use apostrophes, not quotations, since the entire string is already in a quotation. It might not solve the problem, but it's easier to manage.