Gradients not showing properly on Ios

Store Design
1

Hi all, gradients on my Ios were showing fine up until almost one month ago. I don’t know what happened but my shop went from looking like this:

This is how it's supposed to look, it looks like this on android, desktop and the mobile editor in shopify.
This is how it's supposed to look, it looks like this on android, desktop and the mobile editor in shopify.926×1600 87.3 KB

To now looking like this in Ios:

This is how it looks on Ios now, no gradient just flat.
This is how it looks on Ios now, no gradient just flat.738×1600 85.1 KB

I spoke with Shopify support but they said they cant help. They mentioned it to tech support and they will fix it one day or whatever that means… I found another person who had this issue that used a line of code, here it is
When I enter it my shop looks like this:

gradient als ogets applied on header
gradient als ogets applied on header590×1280 61.7 KB

It also edits my header, can anyone tell me the solution to have my shop look on Ios exactly how it is on the mobile editor? Shopify support really can’t help. Thank you!

2

Hello @ape879sz

In ios device you code is not working

3

Yes?

4

I think u need a properly verify the code and then change the css for ios

5

I think your store need a webkit css for gradient

6

How can I install it? Can you tell me how and how to properly verify the code for Ios?

7

Do you understand css..?

8

no. Can you help me with the solution?

9

Yes

10

Ok, can you please tell me?

11

can you add me in your store as a staff member

12

Sure, can you tell me your email?

13

This is my email akashvadaliya@gmail.com

14

I have sent you an invite, thank you so much!

15

Okay