Header Title font not responsive with media query

My header title font will not minimize in mobile view. The rest of the slider is fine, and the words do align as they should, but how to make the font smaller?

Thanks milkdub.com

@media only screen and (max-width:320px) {

.text-slider .maintitle {
font-size: 5px;
}

}

Hello there,

Please try this code:

    @media only screen and (max-width:320px) {
      .text-slider h2.maintitle {
          font-size: 30px !important;
      }
    } 

Regards,
Kharis

Thanks Kharis,

I missed that h2 tag. It helped.

I tested it in google dev tools and it needed more media queries, but your style was spot on.

Cheers,

Sean

You’re welcome Sean.

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis