Tagged: , , , ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • April 13, 2016 at 6:03 am #612417
    chrisbelote

    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;
}
}
    • This topic was modified 8 years, 8 months ago by chrisbelote.
    April 13, 2016 at 4:01 pm #612864
    Yigit

    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

    April 13, 2016 at 5:09 pm #612966
    chrisbelote

    Hi Yigit,

    That did it! You the man!! Thank you.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘How to Make Color Section/Text Block Text Smaller on Mobile Only’ is closed to new replies.