Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Hello, for my mobile version shop www.cartoontoi.fr I would like to :
- Put the title above the image.
- Put text with button below the image.
I use DEBUT theme
So I added this code on theme.css
@media screen and (max-width: 768px) {
.feature-row__item {
order: 2;
}
.feature-row__item.feature-row__text {
order: 1;
}
}
But all the text (with title) go above the image and it makes the button looking weird.
How can I do to just have the Title above ?
Hello @Goldberg94,
You need to add one more heading above the image and hide it to desktop and show this heading on mobile view.
And Hide bottom heading on mobile view.
How can I do that ?
yes, please try this code
@media screen and (max-width: 768px) {
.feature-row__item {
order: 2;
}
.feature-row__item.feature-row__text {order: 1;padding-bottom: 30px;}
}
Thanks ! But I just want the title go above the image, then the text with button, below the image.
Is it possible?
Thanks ! But I just want the title go above the image, then the text with button, below the image.
Is it possible?
Discover 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, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025