Hi there,
I had to fix the padding of my website homepage along the way but i think its now effecting the mobile home page. how can I fix this so the 3 dots for the slideshow dont sit ontop of the image as it looks like an error.
Thanks
Add the following code at the end of your theme.css file:
.slideshow__arrows.slideshow__arrows--mobile {
margin-top: 20px;
}
Should that help answer your query, we always appreciate liking & marking an as answer to let the community find quality solutions faster. Thanks!
@web-designer1 , do this to fix it in 20 seconds:
- In your Shopify Admin go to: online store > themes > actions > edit code
- Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:
@media (max-width: 749px){
.slideshow__text-wrap--mobile{
position: relative;
margin-top: 0;
top: 10px;
background: transparent !important;
}
}
It’s worth bearing in mind that this is not a bug, this is simply how the Debut slideshow was built.
If you intend to have a more fluid/customizable slideshow, there are alternative slideshow sections compatible with the Debut theme that gives you much more freedom, like this one. Perhaps it can be a viable alternative. I hope this helps.
Kind regards,
Diego
