Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Hello,
I'm trying to move the heading for the slide show just on mobile. I would like the heading to be at the top of the photo either to the left or the middle so it doesn't over lap the bottle in the image below. I saw an old post from 2022 that says you need to edit the theme code on theme.liquid fileand find the </body>. But when I try this I can't find the </body>.
Any help would be greatly appreciated.
Solved! Go to the solution
This is an accepted solution.
Thanks for the info. Try this one.
@media screen and (max-width: 749px){
.slideshow__text.slideshow__text-mobile--left {
align-items: center;
text-align: center;
}
.slideshow__text.banner__box.content-container.content-container--full-width-mobile.color-background-2.gradient.slideshow__text--left.slideshow__text-mobile--left {
position: absolute;
top: 0px;
}
}
Hi @N4th4nsgt
Would you mind to share your Store URL website? with password if its unpublish. Thanks!
Hi @Made4uo-Ribe,
My Store URL is https://brewbarncoffee.com/ and I've changed the password to Shopifyhelp.
Thanks.
This is an accepted solution.
Thanks for the info. Try this one.
@media screen and (max-width: 749px){
.slideshow__text.slideshow__text-mobile--left {
align-items: center;
text-align: center;
}
.slideshow__text.banner__box.content-container.content-container--full-width-mobile.color-background-2.gradient.slideshow__text--left.slideshow__text-mobile--left {
position: absolute;
top: 0px;
}
}
Thank you for your help that has worked.
Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025