Tagged: color section, mobile, smartphone, text, Text block
Hi,
I have a text block element inside of a color section and have given the color section a section ID of toptextarea. I am trying to make it to where the text for this section is smaller when someone is viewing on a smartphone. The code I have added to the “Quick CSS” section is below. It doesn’t appear to be working. What am I missing or doing wrong? (Thanks in advance!)
@media only screen and (max-width: 767px) {
#toptextarea {
font-size: 20px !important;
}
}
Hi Chris!
Please try changing the code to following one
@media only screen and (max-width: 767px) {
#toptextarea * {
font-size: 20px !important;
}
}
Best regards,
Yigit
Hi Yigit,
That did it! You the man!! Thank you.