How to set a minimum width of 310px for all text on mobile

Store Design
, , , , , , , , , , ,
1

Hey guys, how can I set it so that all texts have a minimum width of 310px on mobile?

How can I make all texts (Image with Text, Rich Text, Product Descriptions, Email Sign-Up…) have the same width? I’d like it to be around 310px, and I can adjust it myself later—I’m just not sure how it works on mobile.

Maybe it will be enough if you give me the code for each section separately (Image with Text, Rich Text, Product Descriptions, Email Sign-Up…), and I’ll add it to the section custom css.

Here’s my store: https://1049xn-ya.myshopify.com/

Thanks a lot,
Tim

2

Hi @CreatorTim

I hope you are well. You can follow our instructions below:

1/ Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
2/ From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
3/ Copy the code below and paste it there

Here is the code for Step 3:

@media screen and (max-width: 768px){
.image-with-text__text.rte.body {
    min-width: 310px !important;
}
}

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

1 Like
3

Hey, this looks strange; the text expanded, but it didn’t center properly, so there’s too much space on the left and nothing on the right.

That said, I’d like it a bit different in the end, I want it to have the same width as the Rich Text section.

So like this:

CreatorTim_0-1736523642097.png
CreatorTim_0-1736523642097.png346×775 68.3 KB

This is how I’d like it for all Imagine with text sections and also for the text in the Email Sign-Up section.

You can check it here: https://1049xn-ya.myshopify.com/products/editing-masterclass

(And you’ll find the email sign-up section all the way at the bottom here: https://1049xn-ya.myshopify.com/ )

Thanks a lot,
Tim