Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #612417

    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 7 years, 11 months ago by chrisbelote.
    #612864

    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

    #612966

    Hi Yigit,

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

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.