How to center image in cart page DAWN Theme

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! :folded_hands:

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.

Sorry I missed that part of your message…

Website URL: https://inkly.fr/

Thank you ! :folded_hands:

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