Header Image Responsive

• 

  simplysanalatrease · Member · Mar 17, 2017 at 4:52 pm

  • Copy link
  • Add topic to favorites

  Hello,

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

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Mar 17, 2017 at 8:46 pm

  • Copy link

  Wow! This typically requires tons of code, but we can do this with just a couple of CSS rules. Go to Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS and see what you think.

  .backstretch img {
      width: 100% !important;
      height: auto !important;
      left: 0 !important;
  }
  .site-branding {
      padding: 25% !important;
  }

• 

  simplysanalatrease · Member · Mar 17, 2017 at 9:05 pm

  • Copy link

  OMG! YOU GUYS ARE AWESOME!!!!!

  THANKS!

• 

  simplysanalatrease · Member · Mar 17, 2017 at 9:06 pm

  • Copy link

  OMG! YOU GUYS ARE AWESOME!!!!!

  THANKS!

• 

  thesacredpath · Member · Mar 17, 2017 at 10:55 pm

  • Copy link

  You are welcome, and thanks. Let us know if you have additional questions or problems.