Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
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
Hi,
What is the link to the website? And could you send a picture of the relevant area?
Terence.
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025