Solved

Adjusting width of paragraph text in Mobile

sincerelyjoie
Excursionist
20 0 5

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. 

 

Screen Shot 2022-12-05 at 12.14.28 PM.png

 

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

Password: Meashi 

Template: Motion

 

Thank you in advance 🙂 

Accepted Solution (1)

GemPages
Shopify Partner
5587 1261 1192

This is an 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

GemPages_0-1670291991197.png


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,

GemPages_1-1670292208847.png

 

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

 

Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

Replies 4 (4)

GemPages
Shopify Partner
5587 1261 1192

This is an 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

GemPages_0-1670291991197.png


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,

GemPages_1-1670292208847.png

 

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

 

Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
sincerelyjoie
Excursionist
20 0 5

This worked perfectly, thank you! 

GemPages
Shopify Partner
5587 1261 1192

Hello @sincerelyjoie ,

 

I am glad that my solution is helpful to you.

 

Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
Troy88
New Member
6 0 0

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

 

Troy88_0-1706877053895.png

Troy88_1-1706877116382.png