Change Header Image for Mobile

  • Resolved dcollins3208

    (@dcollins3208)


    8 years, 7 months ago

    Using the Twenty Sixteen Theme.

    I understand how to use the @media screen attribute; however, I can’t seem to find the proper CSS to change the header image as the screen width shrinks below 1080px.

    Again, I understand how to use the @media screen attribute, just need to be pointed in the right direction with regards to changing the header image to another url as the screen shrinks.

    Can anyone point me in the right direction?

Viewing 1 replies (of 1 total)
  • Thread Starter dcollins3208

    (@dcollins3208)

    Never mind. See code below for resolution. 

    @media screen and (max-width: 1080px) {
.header-image {
background-image: url("your_image_url") !important;
background-size: cover !important;}
Viewing 1 replies (of 1 total)
  • The topic ‘Change Header Image for Mobile’ is closed to new replies.