Need help? Check out our Support site, then


Header Image Responsive

  1. craftsandkugel
    Member

    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.

  2. 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;
      }
    }
  3. craftsandkugel
    Member

    Perfect, thank you!

  4. You are welcome.

Topic Closed

This topic has been closed to new replies.

About this Topic