Index Page Description Formatting

Site URL: https://www.whatmattmakes.com

First time posting. I am using the template Henson, and have an index page as the home screen. I want the description text on the indexpage/home screen to sit on two lines instead of one, but hitting enter in the description box under "Index Settings" leaves a giant gap between the two lines. It's especially awkward on mobile. I can hit the space bar several times, but then it looks wonky on extra wide monitors. 

Is there any way to set a a max width for the description so it stays on two lines? Or anyway to adjust on mobile only? Picture below shows how it sits on one line, and when I hit enter. I'd like the line spacing of the first option,  but split like the second option. 

EDIT: Also, if I adjust the linespacing in the Design section, it fixes it on desktop, but stacks all the letters on top of each other in mobile.

Any ideas are appreciated.

You can make line 2 bold, then we will give the code to break it to new line (& remove bold style)

6 hours ago, tuanphan said:

You can make line 2 bold, then we will give the code to break it to new line (& remove bold style)

Hi tuanphan,

I have made the second line bold, how would I go about breaking the line? 

On 2/9/2021 at 10:30 PM, mattricht said:

 

Hi tuanphan,

I have made the second line bold, how would I go about breaking the line? 

Add to Design > Custom CSS

body.homepage .collection-nav-desc-wrapper p strong {
    display: block;
    font-weight: normal;
}