How can I split a header into two lines?

Store Design
1

Hello,

How can I break a header in two lines? I tried doing both “Earthly
Ingredients” and “Earthly
ingredients” but neither of them seem to work.

Thanks and I would appreciate any assistance.

Website is mokaipaws.com

2

Hi @apalacio ,

Can you take a picture of the part you want to tweak and share the code section for us to check?

Thanks you

3

Here’s the part of the site that I want to edit. I want all of them two have two lines so that they look even, so I’d like to break the text of the first two columns in half, “improve your
dog’s life” and earthly
ingredients.

I hope that makes sense. Website

Screen Shot 2022-03-28 at 7.19.56 PM.png
Screen Shot 2022-03-28 at 7.19.56 PM.png2796×1194 260 KB

4

Hi @apalacio ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css->paste below code at the bottom of the file:
.multi-column__text-container .heading {
    max-width: 200px;
    margin: 0 auto;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

5

Thank you so much! That worked perfectly :slightly_smiling_face: