Center image on mobile page on Sense theme

Store Design
,
1

Hi,

I am having some troubles centering the images on mobile. I have created a number of pages and this is how it looks:

IMG_0427.jpg
IMG_0427.jpg1125×1382 94.7 KB

IMG_0426.jpg
IMG_0426.jpg1125×1545 97.9 KB

This is how it should be:

IMG_0428.jpg
IMG_0428.jpg1125×1893 77.6 KB

I don’t know why the last one is ok and the other not, could you help me out?

Thank you!

2

Hello @ecocool

It’s GemPages support team and glad to support you today.

To provide you with the most precise solution in this case, could you please share the store link?

3

Sure, the link is:
https://tukiki.net/

Here the example page (on desktop it looks fine):
https://tukiki.net/pages/alkanna-tinctoria-root-extract

Thank you!

4

@ecocool

I would like to give you a solution to support you.

  1. Go to Online Store → Theme → Edit code.

  2. Open your assets/base.css theme file.

  3. Add the code at the end of the file:

@media screen and (max-width: 749px){
   .rte img{
     margin-left: auto !important;
     margin-right: auto !important;
     display: inline-block;
   }
}

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

5

Works perfectly, thank you very much :slightly_smiling_face:

6

Hi @ecocool ,

I am so glad that my solution can help.