How can I split my website header into two lines?

Technical Q&A
1

I would like to break my header into two lines so it shows as “Reinventing mealtime one” - in the first line and then “scoop at a time.” - in the second line. My website is softertouchcb.com. Please help direct me as I am not sure where to do this.

SofterTouchCB_1-1618458342102.png
SofterTouchCB_1-1618458342102.png865×303 153 KB

Thanks!

2

  1. Quick solution:
    From the section where you edit the text,
    instead of this text ‘Reinventing mealtime one scoop at a time’
    you can try this ‘Reinventing mealtime one
    scoop at a time’
    Then Save and check if it worked

  2. Better way, If you are familiar with the theme code:
    From Theme editor open file assets/theme.scss.liquid, find this line

.slideshow__heading {
display: block;
max-width: 800px;
}

then change it to

.slideshow__heading {
display: block;
max-width: 780px;
}

Then Save the file and check.