How can I eliminate image shadow on a mobile product page?

Store Design
1

Hi :slightly_smiling_face:

i would like to remove the shadow on the main product image on mobile:
https://linis-candy.myshopify.com/products/nerds-rainbow?_pos=2&_sid=916bcace2&_ss=r

does someone know how to do that?

many thanks! :slightly_smiling_face:

IMG_667603534F6F-1.jpeg
IMG_667603534F6F-1.jpeg1170×2532 177 KB

2

Hi @LinisCandy ,

There is no shadow on the image. It’s the default background of the page. I have inspected the code as well

3

but on mobile you can see it, like my picture

4

Yes. I have checked mobile as well. There is no issue

5

but i want to remove the shadow. Dont want it

6

There is no shadow showing there

7

Hello @LinisCandy

It’s GemPages support team and glad to support you today.

I checked, no shadow of the image

Screenshot_20230107-203628_Chrome.jpg
Screenshot_20230107-203628_Chrome.jpg720×1480 59.8 KB

But you can try with following code:

I would like to give you a solution to support you.

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid theme file.

  3. Paste the below code before :

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.