@media query mod through custom css

  • utmedical

    (@utmedical)


    11 years, 10 months ago

    I’d like to modify my title to be smaller on mobile devices since ~50% of my traffic is mobile. (ultrasoundoftheweek.com) My title is slightly to big and wraps to two lines. I’d rather do this with custom CSS rather than editing the theme itself. Here is what I’ve tried:

    @media screen and (max-width: 782px) {
   .h1 .entry-title{
         font-size:1.25em !important;
     }
}

    But, no bueno. Any one have thoughts?

Viewing 1 replies (of 1 total)
  • Scott Smith

    (@scottsmith)

    11 years, 9 months ago

    It’s currently working for me, but the code snippet you posted has one problem, there shouldn’t be a space (child selector) between .h1 and .entry-title, nor is h1 a class, so the period can be removed. Give this a go:

    @media screen and (max-width: 782px) {
   .site-title{
         font-size: 1.25em;
     }
}
Viewing 1 replies (of 1 total)

The topic ‘@media query mod through custom css’ is closed to new replies.