Image with text alignment in mobile version Dawn

Store Design
,
1

Hi all!

I’m struggling with mobile version. I put image with text on brand pages (merken) and it looks fine in desktop, but in mobile, text is covering the picture. Is it possible to fix it? And is it also possible to align text as “justified” but not at the left side?

Olga_MLB_3-1668506212783.jpeg
Olga_MLB_3-1668506212783.jpeg2388×1668 240 KB

Olga_MLB_4-1668506226839.jpeg
Olga_MLB_4-1668506226839.jpeg768×1266 100 KB

Your help is much appreciated!

Regards,

Olga

www.mylittlebunny.nl

2

Hello @Olga_MLB

I would like to give you some recommendations to support you

Hope my recommendation can works and support for you!
Kind & Best regards!
GemPages Support Team

1 Like
3

Hi @GemPages !

Thank you for the solution, it worked but partly.

Text alignment in desktop version didn’t work:

Olga_MLB_0-1668513310614.jpeg
Olga_MLB_0-1668513310614.jpeg2232×1178 191 KB

But in mobile it’s justified and picture is not coming across with text anymore. Is it still possible to fix?

Many thanks and best regards,

Olga

mylittlebunny.nl

4

You can add the following code after the above code at the end of the file base.css

@media screen and (min-width: 750px){
   .image-with-text__content--desktop-left>* {
      text-align: justify;
   }
}

Hope my recommendation can works and support for you!
Kind & Best regards!
GemPages Support Team

5

Dear @GemPages ,

Thank you. Unfortunately this code doesn’t work.

Regards,

Olga

6

Hello @Olga_MLB

I’m sorry that the code didn’t solve your problem. You can replace the above code with the following code:

@media screen and (min-width: 750px){
   .image-with-text__content--desktop-left>* {
      text-align: justify !important;
   }
}

I hope you find the answer helpful or if you need further support, do not hesitate to reach out to us.

Best regards,
GemPages Support Team

1 Like
7

Thank you, @GemPages !

Now it works perfectly!

Regards,

Olga

8

I am glad that my solution is helpful to you :grin: .

9

Hello where do I add this code? thank you

10

Hello where do I add this code?

Thank you

11

Hello @LunaxStudios ,

You may add it to the bottom of base.css file (Online store → Edit code → assets)

Regards,

Olga

12

Hi. I have some issue. Where do we paste the code?