How can I increase the spacing between lines in header

Store Design
,
1

Hi, I added a video background banner to my homepage and noticed that the header’s line spacing is not enough on mobile. I used the following code to create the banner: https://pastebin.com/wM45zhBL

Can someone help fix the spacing so the words aren’t stacked on top of each other so much and more spaced out?

singharn_0-1689803023518.png
singharn_0-1689803023518.png642×420 223 KB

Thank you!

2

@singharn
Hello, Can You Please Share Your Store URL I will check and provide a proper solution
or

.videoBoxInfoTitle {line-height: 2.5;}

Add this CSS to your theme.css or base.css file

3

Thank you @oscprofessional . URL is www.sukhiglow.com

I tried adding the code to the bottom of my base.css file but no luck

4

Please note the issue is only visible on the mobile version. It is fine for desktop

5

@singharn
Hello,
Add This CSS Go to online Store > Select theme > edit code > asset > base.css

.videoBoxInfoTitle {
	line-height: 1.2 !important;
}

Like This

oscprofessional_0-1689914968005.png
oscprofessional_0-1689914968005.png1193×904 187 KB

This solution its Useful so Please Like and Accept Solution

6

This worked, thank you!