[Resolved] Change text size on mobile

[morriscountynj]

I’d like to be able to shrink the text size of the header and tagline on mobile phones. Is there a way to specify this using the customizer, or should I go into my child theme CSS and specify using media queries? or maybe there’s a way to do this dynamically?

[Tom]

Media queries are the best way to do this.

Something like this:

@media screen and (max-width: 768px) {
      .main-title {
            font-size: 45px;
      }
      .site-description {
            font-size: 15px;
      }
}

[Author]

Posts