Spun Theme: Mobile Header CSS

• 

  sherrymeneley · Member · Jan 3, 2016 at 11:41 pm

  • Copy link
  • Add topic to favorites

  I have not enabled mobile theme, as I’d like to keep site looking (as close as possible) as a computer on mobile device.
  Needing help with CSS for making the Header Image adjust it’s size to fit screen width on mobile devices.
  I currently have this CSS for my header
  ‘ .site-header {
  background: url(‘https://sherrymeneley.files.wordpress.com/2016/01/sherrymeneleyfeatherheader.png’) top center no-repeat;
  padding-top: 200px;
  }’
  Thank you.
  
  [Moved to CSS Customization]

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

• 

  sherrymeneley · Member · Jan 4, 2016 at 11:17 pm

  • Copy link

  appears I found a solution for anyone also looking to fix this issue

  `
  
  @media only screen and (max-width: 600px){
  .site-header{
  background-size: 100%;
  background-position-y: center;
  }
  }
  ‘