Black Lines Appearing On Product Thumbnails only on mobile

Store Design
1

Hello, I don’t know how to fix this issue.. This thin black lines appear only on mobile, is there any silution for this?

The theme i use is ‘Dawn’.

268ef71b-4766-4e73-9021-235b07f5181e.jpg
268ef71b-4766-4e73-9021-235b07f5181e.jpg1186×2048 166 KB

2

Hello There,

Please share your store URL and Password.
So that I will check and let you know the exact solution here.

3

https://seduzofficial.myshopify.com/

This is it, thank you!

4

Hello There,

Please share your store Password.
So that I will check and let you know the exact solution here.

5

sorry, the password is peoday

6

hello, can u please give me an answear?

7

ok checking

8

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.css and paste this at the bottom of the file:
@media screen and (max-width:520px){
    .isolate .collage__item .card-wrapper .card .card__information a.full-unstyled-link {
        height: 45px;
    }
}
9

Hello, the solution you provide me doesn’t work, i don’t have the asset ‘theme.css’, i tried to create it and paste the code you gave me, but nothing happened. does any other solution exists?

10

you have base.css file past your code there. but i didn’t see any black lines on products

11

You can see it only on mobile, not on desktop

12

have you found base.css to paste the code??

its workin on mobile check this screen shot.

try to clear your browser cache

Sajeel_0-1646136302898.png
Sajeel_0-1646136302898.png444×579 122 KB

13

fb1b2b39-6dac-45e4-8a62-51a8c12b0cdf.jpg
fb1b2b39-6dac-45e4-8a62-51a8c12b0cdf.jpg947×2048 132 KB

this is odd, if i open the site from an iphone, the black lines still apears, but if i open the site from samsung there are no black lines…

14

don’t worry let me try to remove the lines from iphone also

15

thank you!

16

@Andreeea

Add this code in base.css

.color-accent-1{background-color: unset !important;}

mark my solution if it works for you or let me know if it doesn’t work

17

@Andreeea

Also add this one to base.css

.collage-card{background: unset !important;}
18

thank you!! it works!

19

Wellcome :slightly_smiling_face:

20

there is a problem, the footer menu has disappeared, if i delete de code you gave me it appears again.