Adjusting width of paragraph text in Mobile

Topic summary

A user seeks help adjusting paragraph text width on mobile devices to match the header width. While the desktop version displays correctly, the mobile version shows significantly narrower text.

Solution Provided:

  • GemPages support team recommends adding custom CSS code
  • Steps involve: navigating to Online Store > Theme > Edit code, opening the theme.liquid file, and pasting specific markup before the tag
  • The solution successfully resolved the issue for the original poster

Follow-up Issue:
Another user (Troy88) reports the same solution doesn’t work with the Dawn theme, sharing screenshots showing the persistent narrow text width on mobile. They’re still seeking assistance for their specific case.

Summarized with AI on November 12. AI used: claude-sonnet-4-5-20250929.

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 :slightly_smiling_face:

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

  1. Open your theme.liquid theme file

  2. Paste the below code before


For example,

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

Best regards,
GemPages Support Team

This worked perfectly, thank you!

1 Like

Hello @sincerelyjoie ,

I am glad that my solution is helpful to you.

Best regards,
GemPages Support Team

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 :disappointed_face:

Any help would be great thank you,

Troy