slideshow shows a thin white line when published

hello, when i view my shopify store on my phone, a random white line appears underneath my slideshow section, even though this white line doesn’t show when i view my store on shopify editor. Here is what it looks like on my shopify editor:

and here is what it shows when i view the website on my phone:


as you can see, there is a thin white line for no reason

my website is www.antico-abito.com , theme is dawn


hey @ads18922 [email removed] dear follow these steps
Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->before the ----->
before the body ----->
if this code work please do not forget to like and mark it solution

Hi @ads18922 ,

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.css / based.css file and paste the code in the bottom of the file.
.slideshow__controls {
    border: none !important;
}

Thanks!

Hello @ads18922

Go to Online Store > Themes > Actions > Edit Code > Assets > base.css
Paste your CSS at the bottom of base.css and click Save

.slideshow__controls {
border: none !important;
}

hello, this doesn’t work. By the way this is a problem on mobile, not desktop. When i’m editing the design, i cant see a white line, but when i view the website on the internet on my phone, the white line appears.

hello, this doesn’t work. By the way this is a problem on mobile, not desktop. When i’m editing the design, i cant see a white line, but when i view the website on the internet on my phone, the white line appears

this doesn’t work. By the way this is a problem on mobile, not desktop. When i’m editing the design, i cant see a white line, but when i view the website on the internet on my phone, the white line appears.

You can try to add this code to Custom CSS of that section and check again

@media (max-width: 749px) {
slideshow-component {
    background: #1e2f2e;
}
}