Remove text shadow from site title and description in mobile

  • Resolved terrytek

    (@terrytek)


    8 years, 8 months ago

    How could I modify style.css in a child theme for Tempera so that the text shadow on the site title and site description in the header doesn’t appear on mobile devices? Looks fine on a computer, but the text shadow makes it hard to read on a mobile device.
    Thanks!

    devtest.lcnlit.org

Viewing 2 replies - 1 through 2 (of 2 total)

  • You can add this to your custom CSS area or child-theme’s CSS file:

    @media screen and (max-width: 800px) {
    #site-title a, #site-description {
        text-shadow: none;
    }
}

    It tells the web browser to not display the text-shadow on site-title and site-description when the screen is 800px or below.

    Thread Starter terrytek

    (@terrytek)

    Thank you SO much!! Works perfectly.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Remove text shadow from site title and description in mobile’ is closed to new replies.