Dawn - Text width of image with text on mobile

Technical Q&A
1

Hi there,

I hope anyone can help me with this. The text part of the image with text section is too small on the mobile screen (the borders around too big):

vincentdh_0-1643222945570.png
vincentdh_0-1643222945570.png664×658 15.9 KB

I would like to have the same width as the product headings:

vincentdh_1-1643222990862.png
vincentdh_1-1643222990862.png664×658 36.1 KB

I guess its pretty simple, I just cant figure it out. I was trying everything in the “component-image-with-text.css” asset, changing the px and rems here:

vincentdh_2-1643223074308.png
vincentdh_2-1643223074308.png654×140 16.6 KB

but nothing seems to work. I would really appreciate any help!

Thank you :slightly_smiling_face:

2

Hi @vincentdh ,

Go to Assets > component-image-with-text.css and paste this at the bottom of the file:

.image-with-text__content{
    padding-left: 0px !important;
    padding-right: 0px !important;
}

Hope it helps!

3

Works perfectly, thanks a lot mate! Cheers

1 Like
4

@LitExtension , this is a great solution. Is there a way to do do the same for Multicolumn Sections? The text in multicolumn sections on mobile is too narrow and I would like it wider to match width of multicolumn headings just like your solution for image with text.

store: www.theburpboss.com password: leistu.

Kind thanks!

5

Hi @TheBurpBoss ,

You can create a question on the community and send me the link. I will check it.
Because this will help build a better community.
Thank you.