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.
1

https://empiricalwater.com/

“Unleash the complete sensory potential of coffee & tea”

It should read,

"Unleash the complete sensory

potential of coffee & tea"

(No matter what platform it is viewed on)

Thank you

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
3

Perfect! :grinning_face_with_smiling_eyes:

4

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.