Mobile version – featured image doesn't stretch to fill the screen.

• 

  syu1098 · Member · Nov 21, 2016 at 2:48 pm

  • Copy link
  • Add topic to favorites

  Hello,

  The featured images for my static homepage in mobile viewing version is not filling the page, but only stretching until the edges touch, so on my phone there is a large portion of just white space. I want it to fill the entire screen. Can anyone help me do this?

  Thank you!

  Stephanie

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

• 

  thesacredpath · Member · Nov 22, 2016 at 11:38 pm

  • Copy link

  Hi Stephanie, this is a bit of a challenge. Add the following to your custom CSS and see what you think. You can adjust the 75% top/bottom padding value as needed. 75% works on my iPhone 6s Plus, but different phones may not look exactly like what I see on it. The following was figured out looking at my phone in portrait orientation. I’ve also wrapped this in a Media Query to only affect screens/windows narrower than an iPhone 5s in landscape mode.

  @media screen and (max-width: 479px) {
  #single-titles #single-wrap, #header-branding {
      padding: 75% 0;
  }
  }