CSS for mobile version (headers)

• 

  graceblackink · Member · Oct 28, 2018 at 1:03 am

  • Copy link
  • Add topic to favorites

  Is there a way to fix all of the Feature Image Headers in the mobile view (version) so they are not squares? The featured image size in the theme is 1100×560 but when viewed on mobile version it becomes a box and chops off the photo.

  Is there a way to code this so that the mobile version Featured Image Headers are more rectangular like the Desktop and Laptop version?

  It’s like there is not a smooth transition from Desktop to Mobile. The Mobile Headers are all chopped off and you lose most of the photo. Only the Home Page transitions properly.

  This is the website: https://inkinthirds.com/

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

• 

  supernovia · Staff · Oct 30, 2018 at 9:50 pm

  • Copy link

  Hi @graceblackink, can you let me know what page you’re seeing that on, and what device you’re using? I looked at it from my Android (using chrome, typical screen size) and I’m not seeing squares.