Banner image on iPhone is cropped

en WordPress.com Forums Banner image on iPhone is cropped

• 

  theshopatstroodgreen · Member · Oct 14, 2016 at 3:23 pm

  • Copy link
  • Add topic to favorites

  Hi, on my homepage I have created a banner (via using featured blog posts) which includes a circular logo. On the desktop and laptop this is great, but on an iPhone, I lose the top of the logo so it is just a semi circle. Is there a way of changing how much of this top banner appears on the phone please? So that we can see the whole banner image with logo?

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

• 

  theshopatstroodgreen · Member · Oct 14, 2016 at 3:24 pm

  • Copy link

  i.e. shrink without cropping, please? Thanks!

• 

  innisfreehomestead · Member · Oct 15, 2016 at 3:12 pm

  • Copy link

  Hello there!

  Dropping this code in your custom CSS area should do the trick:

  @media only screen and (max-width: 680px) {
  .site-banner-media, .site-banner .site-banner-thumbnail {
  	padding-bottom: 300px;
  }
  }

  Let me know if that doesn’t work!
  Sage

• The topic ‘Banner image on iPhone is cropped’ is closed to new replies.