I’m having a problem with the positioning of the text on the slideshow on my Shopify site, using the free Studio theme. On mobile devices, I’d like to lower the text in the slideshow__text class so that it’s lower in the slideshow so that my visuals aren’t hidden. I’ve tried adding custom CSS to adjust the margins, but the changes don’t seem to apply properly.
Here’s what I tried:
@media screen and (max-width: 749px) {
.slideshow__text.banner__box {
margin-top: 50px;
}
}
I have also tried to modify the margins directly in the slideshow.liquid file, without success. Can you help me solve this problem?
Thank you for your help!
Best regards,
Alexander007