Image not centered when smaller screen

[ban]

Hi there,
I’m having a weird issue with the image not staying centered when changing the screen to a smaller size

Thanks

[Prasant]

Hello Iban,

Thanks for writing in!

Please add following CSS under Pro > Theme Options > CSS:

@media only screen and (max-width: 600px) {
  .x-image img {
    display: -webkit-inline-box;
}
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

[ban]

Sorry, It works on mobile but it doesn’t on tablet or horizontal mobile screen

[ruenel]

Hello @Iban,

Please have the custom css updated and use this:

@media only screen and (max-width: 979px) {
  .x-image img {
    display: -webkit-inline-box;
  }
}

We would love to know if this has worked for you. Thank you.