FROM CACHE - en_header

How do I increase the text block width on mobile?

Solved
kmcisaac1
Tourist
4 0 1

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

Accepted Solution (1)

Accepted Solutions
Kani
Shopify Partner
88 21 25

This is an accepted solution.

oh sorry wrong code, try this plz 🙂

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

 

Hey!! ʕ ᵔᴥᵔ ʔ
Please click 'Like' and ' Accept as Solution', let me and other people know this answer solved issues. ♡
It would make me more willing to share my knowledge 🙂

View solution in original post

Replies 6 (6)
Kani
Shopify Partner
88 21 25

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%;
}

 

 

Kani_0-1659832807579.png

 

Hey!! ʕ ᵔᴥᵔ ʔ
Please click 'Like' and ' Accept as Solution', let me and other people know this answer solved issues. ♡
It would make me more willing to share my knowledge 🙂
kmcisaac1
Tourist
4 0 1

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
Shopify Partner
88 21 25

add this code at last too

.shopify-section-image-content .page-width .section-block--padding{
 padding: 0;
}
Hey!! ʕ ᵔᴥᵔ ʔ
Please click 'Like' and ' Accept as Solution', let me and other people know this answer solved issues. ♡
It would make me more willing to share my knowledge 🙂
kmcisaac1
Tourist
4 0 1

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 IMG-1632.PNG

Kani
Shopify Partner
88 21 25

This is an accepted solution.

oh sorry wrong code, try this plz 🙂

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

 

Hey!! ʕ ᵔᴥᵔ ʔ
Please click 'Like' and ' Accept as Solution', let me and other people know this answer solved issues. ♡
It would make me more willing to share my knowledge 🙂
kmcisaac1
Tourist
4 0 1

Worked! Thank you!