How can I expand text width on mobile using Dawn 6.0.2?

Hello,

im using dawn 6.0.2 and the text on mobile is very narrow on the page.

how can I expand the width of the text on mobile?

Hello @NoapeledMercier

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

To provide you with the most precise solution in this case, could you please share the home page link?

@NoapeledMercier
Can you share your store url?

https://pandacigars.com/

https://pandacigars.com/

@NoapeledMercier
put below css into base.css file (online store->themes->asset->base.css)

@media only screen and (max-width: 600px) {
.page-width {
 padding: 0px !important;
}
.rich-text__wrapper {
 width: 100% !important;
}
}

2 Likes

Hello @NoapeledMercier

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

I would like to give you a solution to support you.

  1. Go to Online Store → Theme → Edit code.

  2. Open your Assets/base.css theme file.

  3. Paste the below code at the end of the file

@media screen and (max-width: 749px){
  .rich-text .isolate .rich-text__blocks {
     max-width: 100%;
  }
}

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

1 Like