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 !
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!
Hi @GabrielS thank you for your answer, how can I target only that image
Well, as I’ve stated above, I’d need to see the website.
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!
Thank you so much ! @GabrielS
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


