Dawn theme: Homepage h1 insert line break

Store Design
1

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

1 Like
2

@Sugarandlayer

Add the
in the text.
it means line break

3

@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!

4

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.

1 Like
5

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

1 Like
6

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

7

amazing. thank you so much! :slightly_smiling_face: