Make Text Come out wider -

Shopify Discussion

Topic summary

A user seeks help making mobile banner text span wider to reduce excessive white space on both sides. They provide a password-protected URL and a screenshot showing the current narrow text layout.

A solution is offered involving custom CSS:

  • Navigate to Online Store → Edit Code → theme.liquid file
  • Insert specific CSS code above the closing tag
  • The code targets mobile image banner text width

A result screenshot demonstrates the text now extending wider across the mobile viewport. The issue appears resolved with this CSS modification to the theme file.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

Hello,

I would like the mobile image banner text to come out wider - so there is not so much white space either side. How do I do this? Thanks very much.

URL: https://www.livwithin.com.au/?_ab=0&_fd=0&_sc=1

PW: pewpog

Screenshot 2025-03-27 at 15.43.31.png
Screenshot 2025-03-27 at 15.43.31.png376×1248 455 KB

1 Like
2

Hey @ellacoker

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1743054570613.png
Moeed_0-1743054570613.png349×758 326 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed