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 ,
- Go to Online Store → Theme → Edit code.
- 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;
}
}