Header Image Responsive

• 

  craftsandkugel · Member · Mar 20, 2017 at 1:23 am

  • Copy link
  • Add topic to favorites

  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: (visible only to logged in users)

• 

  thesacredpath · Member · Mar 20, 2017 at 10:49 pm

  • Copy link

  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;
    }
  }

• 

  craftsandkugel · Member · Mar 21, 2017 at 2:16 am

  • Copy link

  Perfect, thank you!

• 

  thesacredpath · Member · Mar 21, 2017 at 3:19 am

  • Copy link

  You are welcome.