Header titles breaking on mobile including Jumbotron

Hey guys, Thank you for such wonderful theme. I have an issue that I don’t seem to be able to crack, any help is appreciated. The header titles break on mobile after 369px how can I make it so that it scales down properly?

I thought it would be straight forward and tried this
@media (max-width: 369px) {
#header .bottom-header h2 {
font-size: 40px;
}
}

but alas i was wrong, Help please and thank you!

Website is corexdesign.com

Hi,

It seems you already added this code,

@media only screen and (max-width: 369px) {
#header .bottom-header.blog h1 {
    font-size: 64px;
}
}

and it will work just fine.

Let us know,

Thanks,
laranz.

Yes I did correct it thank you Laranz!

One more question (Idk if I need to create a new thread for this ) the header image on my pages gets zoomed in. how can I disable this so it doesn’t look so pixelated?

Hi,

I didn’t see anything like that on your website if you’re using “Photon” module from Jetpack on your website, can you try to disable that, or can you share a screenshot of the issue and give us in which page that happens?

Let us know,

Thanks,
laranz.