How do I increase the text block width on mobile?

[kmcisaac1]

My website is www.barbatumbeard.com. Looking to specifically increase the text width in the top section on mobile. Thanks!

[Kani]

Hi @kmcisaac1

1: Online store > themes > Actions > Edit code > Assets > theme.scss.css

2: paste code at last

#shopify-section-image-content .page-width{
  max-width: 100%;
}

[kmcisaac1]

It looks like my layout on mobile is still the same. Is there anything I need to add in the code specifically for mobile?

[Kani]

add this code at last too

.shopify-section-image-content .page-width .section-block--padding{
 padding: 0;
}

[kmcisaac1]

Here’s what I’m still seeing. In particular, just looking to add width to the text so it isn’t such a narrow block

[Kani]

oh sorry wrong code, try this plz

#shopify-section-image-content .page-width .section-block--padding {
 padding:0;
}

[kmcisaac1]

Worked! Thank you!