Panel theme hides/crops most of the header image on PC size screen

• 

  kaorugreendrake · Member · Aug 3, 2014 at 6:50 pm

  • Copy link
  • Add topic to favorites

  As described in the title. On tablets and phones however everything is there? What is that about? :( How can I tweak it, if at all?

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

• 

  pmciano · Member · Aug 5, 2014 at 4:32 pm

  • Copy link

  @jolsonandjones

  The header image for this theme is meant to have content overlap it at that viewing portal size.

  For example, check out the theme’s demo page:

  http://paneldemo.wordpress.com/

  However, you can override this behavior with CSS:

  /* Prevent header image from being covered */
  #main {
    margin-top: 0;
  }

  https://jolsonandjones.wordpress.com/wp-admin/customize.php?return=%2Fwp-admin%2F

  Customizer

  Let us know if you have any more questions :-)

• 

  designsimply · Member · Sep 2, 2014 at 5:54 pm

  • Copy link

  I tested this and I see the gap you’re referring to when testing on mobile: https://cloudup.com/cQZAwr50Uy8

  I reported the issue to our theme developers for review to see if there’s anything they can do. In the mean time, I think something like this in the CSS will remove it:

  @media screen and ( max-width: 1080px ) {
  	.featured-header-image {
  		height: auto;
  	}
  }

  Thank you for the note about this!

• 

  iamtakashi · Staff · Sep 23, 2014 at 11:17 pm

  • Copy link

  The issue has been resolved and you can now safely remove the custom CSS snippet designsimply suggested above.

  Thanks for bringing this to our attention.