Change font sizes for mobile device

Asked on March 16, 2015 in General Questions.

Good day. Loving this!

I am trying to change font size for mobile device – I need a heading much smaller for mobile as I do not want the title breaking over 2 lines because of the customisation I have made.
This is the css I have:
.section-title.large .heading {
font-size: 3.5rem;

@media only screen and (max-device-width: 480px) {
h3.section-title.large .heading {
font-size: 24px;

Am I doing something monumentally stupid, as it is not changing anything (I’m working in a child theme)


  • Possible Answers to Your Question:

  • 1 Answer(s)
    Answered on August 20, 2015. Best answer
    Vail Joy Layers Team