Forced line break in Origin theme heading

Store Design
, , , ,
1

I have looked through so many posts with suggestions on how to add a simple line break in a heading on my home page and tried the ones I’m capable of (not super experienced with code) and none of them will work. I even chatted with shopify and they said it wasn’t possible…which seems insane.

The text is Monthy Membership Tees and I just want it to be

Monthly

Membership

Tees

My website is: https://winekeyclub.com/

Has anyone figured out how to do this?

Thanks!

2

Hi @tm2023

You can do this by following the instructions below

  1. From you Admin page, go to Online store > Themes > Click the three dots on the theme you want to edit > Edit code
  2. Go to Asset folder and open the base.css file
  3. At very end of the code, add the code below
#shopify-section-template--18979596435748__2ae8da31-ee84-43d4-98ab-ff2c646fee08 h2.image-with-text__heading.inline-richtext.h1 {
    max-width: 30rem;
}
@media only screen and (max-width: 750px) {
#shopify-section-template--18979596435748__2ae8da31-ee84-43d4-98ab-ff2c646fee08 h2.image-with-text__heading.inline-richtext.h1 {
    max-width: 28rem;
}
}

See result:

made4Uo_0-1686245040632.png
made4Uo_0-1686245040632.png1366×914 155 KB

3

It worked! Thank you so much!

1 Like