Blog post text cutting to two lines

So I've tried everything I can find, squarespace support is completely hands off even going as far as to tell me that my problem is expected behavior. But I cant get my blog post headlines to stop wrapping to the next line mid word. I know it uses dynamic scaling and I can live with that but it needs to stop cutting words in half depending on what size your screen or window is. I'm exhausted, I'm defeated I don't get a lot of time to work on my website and this is a huge roadblock for me. Its one of a couple but at this moment its the biggest. Its hugely embarrassing and I just need some help. 

Thank you in advance for your time. 

This screenshot is taken with an iPhone 14 Pro Max, one of the most popular phones in the world. Its 2023, surely this can be fixed.

Can you share link to this post? We can help easier

6 hours ago, tuanphan said:

Can you share link to this post? We can help easier

I apologize, it asked for a link when I posted so I figured it shared. The example I used is here: https://www.theindiecurators.com/the-games/1mww30jrxwnqwnyib694k2d7pr8tq2

It happens on all the blog posts in the link below. Mostly on mobile bit it will do it on desktop too if the window is not wide enough. 

https://www.theindiecurators.com/the-games

On 6/15/2023 at 4:25 PM, refused91510 said:

I apologize, it asked for a link when I posted so I figured it shared. The example I used is here: https://www.theindiecurators.com/the-games/1mww30jrxwnqwnyib694k2d7pr8tq2

 

It happens on all the blog posts in the link below. Mostly on mobile bit it will do it on desktop too if the window is not wide enough. 

https://www.theindiecurators.com/the-games

You can add this to Design > Custom CSS

/* blog title mobile */
@media screen and (max-width:767px) {
.blog-item-title h1 {
    font-size: 30px !important;
}
}

On 6/18/2023 at 11:45 PM, tuanphan said:

You can add this to Design > Custom CSS

/* blog title mobile */
@media screen and (max-width:767px) {
.blog-item-title h1 {
    font-size: 30px !important;
}
}

 

I've been trying to get it to work but no luck. Also the code I was using to hide tags isn't working either.  Thank you for all your help thus far, I appreciate it. 

21 hours ago, refused91510 said:

I've been trying to get it to work but no luck. Also the code I was using to hide tags isn't working either.  Thank you for all your help thus far, I appreciate it. 

You have a syntax error in CSS box. If you look at right bottom corner, you will see a red notice.

Can you send all current code? We can check easier

On 6/27/2023 at 12:49 AM, tuanphan said:

You have a syntax error in CSS box. If you look at right bottom corner, you will see a red notice.

Can you send all current code? We can check easier

Ok So that helped me with the tags, I was somehow missing a "}" That helps a lot thank you.  So tags fixed but I'm still unable to get the blog header from wrapping words. 

2 hours ago, refused91510 said:

Ok So that helped me with the tags, I was somehow missing a "}" That helps a lot thank you.  So tags fixed but I'm still unable to get the blog header from wrapping words. 

It worked to me. You try checking it again

17 hours ago, tuanphan said:

It worked to me. You try checking it again

Ok it appears to have worked on mobile!!! That's my number one concern fixed thank you so much! Its still taking place on desktop. I wish I understood why.