Dawn theme linebreaks words before they are fully written. Any way to stop that from happening?

[mikery]

Hey, here is my issue, the word "scandinavian" is split before its fully written. Which it obviously should'nt do, and because of my lack of coding skills I struggle to figure out how I can stop this from happening.

Any kind soul that is experienced to fix this?

[dmwwebartisan]

@mikery 

Add code Your assets/section-image-banner.css bottom of the file.

@media screen and (max-width: 749px){
.banner__heading { margin-bottom: 0; font-size: 2rem !important;}
}

Thanks!

[mikery]

Hi again friend!

I am using an app called " Fontify" to help me change fonts on different locations and their respective properties e.g letter-spacing and such. 

I wrote: letter-spacing: 0.4em; which I took from my Canva preview because I have no idea how welse I was gonna do it. For H1 and H2 tags. Is 0.4em causing the issue? Like how can I stop this from happening because as you can see it happens here as well. This time, the text can't be seen on some screens.

[mikery]

UPDATE

The odd thing is that with the 0.4em, with my Iphone 12 Pro Max, I can see everything pretty fine. But the text doesn't scale well on other screens

[dmwwebartisan]

@mikery 

Please add previous provided css and check site on mobile.

Thanks!

[mikery]

Seems to work a little better now but there are still some phones that don't see this properly:

[dmwwebartisan]

@mikery 

Add code Your assets/component-image-with-text.css bottom of the file.

@media screen and (max-width: 749px){
.image-with-text__heading { font-size: 2.2rem !important;   text-align: center;}
}

Thanks!

[mikery]

You my friend are a legend, If I wish to make the font a little bigger, would it work after these edits you gave me?

[dmwwebartisan]

@mikery 

incrase font using code  like this 

font-size: 2.2rem !important; 

Replace to

font-size: 2.5rem !important; 

[mikery]

Ughh. same issue here 

[dmwwebartisan · Accepted solution]

@mikery 

Add code Your assets/base.css bottom of the file.

@media screen and (max-width: 749px){
.h0 {font-size: 3.2rem !important;}
}

Thanks!

[mikery]

Thank you!

I tweaked it to 3.0rem and it works fine now ❤️