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

Solved
mikery
Excursionist
20 0 4

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?

Capture.JPG

Accepted Solution (1)

Accepted Solutions
dmwwebartisan
Shopify Partner
9731 2227 3057

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

 

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 →

View solution in original post

Replies 11 (11)
dmwwebartisan
Shopify Partner
9731 2227 3057

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

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 →
mikery
Excursionist
20 0 4

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.

Capture.JPG

mikery
Excursionist
20 0 4

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
Shopify Partner
9731 2227 3057

@mikery 

Please add previous provided css and check site on mobile.

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 →
mikery
Excursionist
20 0 4

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

mikery_0-1636455361506.png

 

dmwwebartisan
Shopify Partner
9731 2227 3057

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

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 →
mikery
Excursionist
20 0 4

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?

mikery
Excursionist
20 0 4
dmwwebartisan
Shopify Partner
9731 2227 3057

@mikery 

incrase font using code  like this 

font-size: 2.2rem !important; 

Replace to

font-size: 2.5rem !important; 

 

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 →