change rich text size on mobile

Fabian_weldon
Explorer
109 0 25

I have added this code to create a rich text section on my Brooklyn homepage:

 

Screenshot 2021-01-29 at 16.56.39.png

 Unfortunately on a mobile screen it is far too large:

 

IMG_3291.PNG

 

Is it possible to change the size of this for mobile only. The text and the padding.

 

thank you in advance

0 Likes
Guleria
Shopify Partner
1254 263 344

Use media query like this

@_media only screen and (max-width: 600px) {
	.rich-text, .rich-text p{
           font-size: 16px
           padding: 10px;
	}
}



Want to modify or custom changes on store hire me.
Email: guleriathakur43@gmail.com, Skype: navrocks1
If helpful then please Like and Accept Solution.
If you are happy and want to donate Click here (Its my paypal)
0 Likes
Fabian_weldon
Explorer
109 0 25

I tried something similar to that. It seems to completely distort my homepage:

 

Fabian_weldon_0-1611947439645.png

Fabian_weldon_1-1611947448596.png

 

 

I appreciate the response.

0 Likes