Line Break for my Header Text

Solved
Highlighted
New Member
8 0 0

Hi I tried looking in this forum on how to add line break in Main header text and I couldn't find it.

I'm using the narrative theme.

I'm amazed that there's no simple way of doing this. 

Hope someone can help me. 

 

0 Likes
Highlighted

Hello @dickyaa,

Please share your site url so that I will give you exact solution

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Shopify Expert
1381 112 211

Please Share a Store url to better assist

0 Likes
Highlighted
New Member
8 0 0

@Qualitycheck 

 

thanks for your reply.

I still haven't launch the store so it's still under password protection.

 

https://shapelyne.myshopify.com/password

password: meldib

 

What I wanted to do is break up the Header line: 

A POWERFUL WAY TO LOSE YOUR BODY FAT

 

and make it into two lines

A POWERFUL WAY TO ( first line) 

 

LOSE YOUR BODY FAT (2nd line underneath) 

 

like that? Thanks for your  help

Thanks

0 Likes
Highlighted
New Member
8 0 0

I still haven't launch the store so it's still under password protection.

 

https://shapelyne.myshopify.com/password

password: meldib

0 Likes
Highlighted

@dickyaa,

1. Go to Online Store->Theme->Customize

Follow below steps

 

2019-12-23_19-08.jpg

2019-12-23_19-09.jpg

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
8 0 0

hi @oscprofessional 

Thanks for the reply.

I think you misunderstood what I meant (although that's a good tip! thanks)

What I wanted to do is break up the Header line: 

A POWERFUL WAY TO LOSE YOUR BODY FAT

 

and make it into two lines

A POWERFUL WAY TO ( first line) 

 

LOSE YOUR BODY FAT (2nd line underneath) 

 

like that? Thanks for your  help

0 Likes
Highlighted

This is an accepted solution.

@dickyaa,

add below css

#shopify-section-1577073042621 .page-width {
	max-width: 480px;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
8 0 0

@oscprofessional 

wow that was amazing. May I know how did you do that? I don't even know what I typed into the css file LOL. but it works!

0 Likes
Highlighted

This is an accepted solution.

Just inspect your site

2019-12-23_21-05.jpg

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes