Header Image – Shrink with Smaller Screen Size

• 

  marpicoll19 · Member · Jan 23, 2017 at 9:16 pm

  • Copy link
  • Add topic to favorites

  “Hi there! Right now, on smaller screens such as tablets and phones, my header image gets cropped automatically. I would like my header image to shrink instead, so that both men here: https://cloudup.com/cZdUOFekruq are shown. Could someone please help me with that code? Thank you!”

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

• 

  kathrynwp · Staff · Jan 25, 2017 at 6:13 pm

  • Copy link

  Try this to restrict the background image used for the header image to the screen size:

  .site-branding {
    background-size: contain;
  }

  Let me know how it goes.