Dawn theme: Homepage h1 insert line break

[Sugarandlayer]

Hello

I am using the dawn theme and wondering how to add a line break in the h1 in the top banner. 

https://sugarandlayer.com/

So the current heading is formatted like: 

Sugar & Layer Cake Company. A
passion for all things CAKE.

But I want it formatted so the A starts on the second line:

Sugar & Layer Cake Company.

A passion for all things CAKE.

I understand I have to edit CSS but I am not a web developer so unsure on which css and the code to use. 

Any help would be greatly appreciated. 

Thanks

 

[Zworthkey · Accepted solution]

Hii, @Sugarandlayer 
Paste this code on top of the section-image-banner.css file.

@media only screen and (min-width: 992px) {
h2.banner__heading.h0 {
    width: 655px !important;
}
}

Thank You.

[Zworthkey]

@Sugarandlayer 

Add the <br> in the text.
it means line break

[Sugarandlayer]

Tried that it didn't work as it's just a in a field rather than a wysywig editor with code view. Thanks though!

[dmwwebartisan]

@Sugarandlayer 

please Go to Online Store->Theme->Edit code then go to assets/base.css ->paste below code at the bottom of the file. 

@media screen and (min-width: 750px){
.banner--desktop-transparent .banner__box { max-width: 72rem !important;}
}

Hope this work.

Thanks!

[Zworthkey · Accepted solution]

Hii, @Sugarandlayer 
Paste this code on top of the section-image-banner.css file.

@media only screen and (min-width: 992px) {
h2.banner__heading.h0 {
    width: 655px !important;
}
}

Thank You.

[Zworthkey · Accepted solution]

@Sugarandlayer 
For mobile view paste this code on top of the section-image-banner.css file.

@media screen and (max-width: 749px){
h2.banner__heading.h0 {
    width: 96% !important;
}
}

Thank You.

[Sugarandlayer]

amazing. thank you so much! 🙂