How to separate this line of text into 2 lines?

Technical Q&A

Topic summary

A user needed help splitting a tagline (“Unleash the complete sensory potential of coffee & tea”) into two lines on their website, ensuring proper display across all platforms.

Solution provided:

  • Access Shopify’s theme editor (Online Store → Edit Code)
  • Locate the theme.liquid file
  • Insert custom CSS code above the closing tag
  • The CSS targets specific text elements to force a line break

Outcome:
The solution successfully resolved the formatting issue. The user confirmed it worked perfectly and marked the response as the accepted solution.

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

Hey @empiricalarby

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-1700459137732.png
Moeed_0-1700459137732.png1899×893 299 KB

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

Best Regards,
Moeed

1 Like