Shopify Header Break

SofterTouchCB
New Member
1 0 0

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

 

Thanks!

 

 

0 Likes
Quyen_Beo
Explorer
58 7 12

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

Was my reply helpful? Please Like and ✔️ Accept Solution. This mean alot to me
0 Likes