@@kamusafety I see. This may not be a solution for you. Try this: keep using the code in this tutorial, but add another code to reduce the size of this font for mobile only. Here's a code that will accomplish that: /* Change font-size H1 mobile */ @media only screen and (max-width: 640px) { h1 {font-size:2.1rem !important} } Does that make sense? It will change the size of the font site-wide. Play around with the rem # until you get it how you like it. I hope this helps!
THANK YOU!!!
My pleasure 🙂
didn't work ... what could be the problem?
It prevents the wrap but the type now just protrudes the edge of the right-hand screen instead of just filling the screen
@@kamusafety I see. This may not be a solution for you. Try this: keep using the code in this tutorial, but add another code to reduce the size of this font for mobile only. Here's a code that will accomplish that:
/* Change font-size H1 mobile */
@media only screen and (max-width: 640px)
{
h1 {font-size:2.1rem !important}
}
Does that make sense? It will change the size of the font site-wide. Play around with the rem # until you get it how you like it.
I hope this helps!