Mobile problem

• 

  huipullatuulee · Member · Jan 29, 2016 at 1:32 pm

  • Copy link
  • Add topic to favorites

  Hi,

  My blog works fine on computer screen, but featured images on articles scale out wrong when I use pad/mobile. Image size is huge on mobile screen. How can I fix this?

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

• 

  huipullatuulee · Member · Jan 29, 2016 at 2:04 pm

  • Copy link

  And to add some information for helpers.

  I’m using this CSS to make my images to fit screen better on computer

  .blog .hentry,
  .archive .hentry,
  .search .hentry {
  padding: 15em 0;
  }

  But this messes up the mobile screen scale

• 

  thesacredpath · Member · Feb 2, 2016 at 7:21 am

  • Copy link

  You can try limiting the change you are using above on screens wider than 1024px using a Media Query like this. This will switch things back for iPads starting at 1024px, which is a iPad in landscape orientation.

  @media screen and (min-width: 1025px) {
  .blog .hentry, .archive .hentry, .search .hentry {
      padding: 15em 0;
  }
  }