Line Break for my Header Text

Solved
New Member
6 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

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
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Shopify Partner
1147 93 141

Please Share a Store url to better assist

Thanks & Regards
Perennial Solution

Problem Solved?✔️Like and Accept the solution that can help others.
Need any help with theme customization or design? Hire us
Email: infoperennialsolution@gmail.com
Skype: infoperennialsolution
0 Likes
New Member
6 0 0

@Perennial 

 

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
New Member
6 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

@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
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
New Member
6 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

Success.

@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
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
New Member
6 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

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
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes