Adjusting width of paragraph text in Mobile

[sincerelyjoie]

Hello Experts! 

I was wondering how I could target the code of this page in mobile version for the text to be as wide as the header. 

Desktop version is great but once it goes into mobile, the width of the paragraph text becomes very small. 

https://copper-88-2022.myshopify.com/pages/about

Password: Meashi 

Template: Motion

Thank you in advance 🙂 

[GemPages · Accepted solution]

Hello @sincerelyjoie ,

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

I would like to give you the recommendation to support you so kindly follow the steps below:

1. Go to Online Store > Theme > Edit code of your current theme

2. Open your theme.liquid theme file

3. Paste the below code before </head>

<style>
@media (max-width: 767px){
 .feature-row .feature-row__text .rte {
   padding: 0 !important;
 }
}
</style>

For example,

If you require any further information, feel free to contact me.

Best regards,
GemPages Support Team

[sincerelyjoie]

This worked perfectly, thank you! 

[GemPages]

Hello @sincerelyjoie ,

I am glad that my solution is helpful to you.

Best regards,
GemPages Support Team

[Troy88]

Hi, i've tried this solution but it's not working... I'm using dawn theme... see snippet below. 

When i look on my mobile it shows the same too 😞

Any help would be great thank you,

Troy