Shopify themes, liquid, logos, and UX
Hi I optimised my page for mobiles but it looks awful on desktop any idea how I can center the image section on desktop without changing the mobile version? Thank you for your help !
Solved! Go to the solution
This is an accepted solution.
You can center the image along with the buttons by using the following CSS:
@media (min-width:768px) {
.section-template--19454625448201__image_with_text_gqapcM-padding .image-with-text__grid {
display: block;
}
.section-template--19454625448201__image_with_text_gqapcM-padding .image-with-text__media-item,
.cart__blocks {
margin: 0 auto;
}
}
Cheers!
And if it's possible to center the checkout buttons even better! 🙏
Hello,
Centering an image is pretty straight forward, and can be done with a similar CSS:
@media (min-width:768px) {
img {
margin: 0 auto;
}
}
The above code would affect all images on your website - you will want it adjusted to target only that image.
For further assistance, feel free to share your website link.
Cheers!
Well, as I've stated above, I'd need to see the website.
This is an accepted solution.
You can center the image along with the buttons by using the following CSS:
@media (min-width:768px) {
.section-template--19454625448201__image_with_text_gqapcM-padding .image-with-text__grid {
display: block;
}
.section-template--19454625448201__image_with_text_gqapcM-padding .image-with-text__media-item,
.cart__blocks {
margin: 0 auto;
}
}
Cheers!
Hi @GabrielS your solution worked for a bit, but for some reason, the image + text section is now not centered again on desktop. Do you happen to know why? Could it be due to some recent CSS modifications I made? Thank you for your help.
website URL: https://inkly.fr/cart
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025