slideshow shows a thin white line when published

[ads18922]

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

[Mustafa_Ali]

<style>
.slideshow__controls.slideshow__controls--top.slider-buttons {
    border: none !important;
}
</style>

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

[ads18922]

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.

[topnewyork]

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!

[ads18922]

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

[devcoders]

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;
}

[ads18922]

 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.

[Dan-From-Ryviu]

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

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