Header Image Responsive

  • Author
    Posts
  • #2901018

    Hello,

    I am using the template “expound” and I need the header graphic to be mobile responsive. Is there a way you can do that with custom css?

    The blog I need help with is craftsandkugel.com.

    The blog I need help with is craftsandkugel.com.

    #2901243

    Hi there, go to Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS and see what you think.

    @media screen and (max-width: 600px) {
      .site-header .site-branding {
        background-size: auto 90%;
      }
    }
    @media screen and (max-width: 480px) {
      .site-header .site-branding {
        max-height: 200px;
      }
    }

    #2901249

    Perfect, thank you!

    #2901254

    You are welcome.

The topic ‘Header Image Responsive’ is closed to new replies.