Dawn theme: Homepage h1 insert line break

Solved
Sugarandlayer
Tourist
3 0 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

 

 

Accepted Solutions (2)

Accepted Solutions
Zworthkey
Shopify Partner
2567 309 641

This is an 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.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com

View solution in original post

Zworthkey
Shopify Partner
2567 309 641

This is an 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.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com

View solution in original post

Replies 6 (6)
Zworthkey
Shopify Partner
2567 309 641

@Sugarandlayer 

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

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
dmwwebartisan
Shopify Partner
9824 2237 3078

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

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
Zworthkey
Shopify Partner
2567 309 641

This is an 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.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com

View solution in original post

Zworthkey
Shopify Partner
2567 309 641

This is an 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.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com

View solution in original post

Sugarandlayer
Tourist
3 0 1

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

Sugarandlayer
Tourist
3 0 1

amazing. thank you so much!