Panel theme hides/crops most of the header image on PC size screen
-
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)
-
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
Let us know if you have any more questions :-)
-
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!
-
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.
- The topic ‘Panel theme hides/crops most of the header image on PC size screen’ is closed to new replies.