Css mobile for header pic welcome page

• 

  bsrealtalk · Member · Feb 5, 2017 at 4:24 pm

  • Copy link
  • Add topic to favorites

  My header image on the welcome page shows up really small on a mobile device. Please help.

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

• 

  staff-loquaciousloon · Staff · Feb 6, 2017 at 4:38 pm

  • Copy link

  Hi there!

  Your theme is designed to adjust the size of the header for different sized screens using a CSS trick called a Media Query.

  Try this CSS, it increase the size on the two smaller screen settings the theme uses:

  .hero {
      padding: 60px 0;
  }
  
  @media screen and (min-width: 600px) {
  .hero {
      padding: 60px 0;
  }
  }

• 

  bsrealtalk · Member · Feb 6, 2017 at 4:47 pm

  • Copy link

  Thank you!

• 

  staff-loquaciousloon · Staff · Feb 7, 2017 at 1:29 pm

  • Copy link

  You’re welcome!