Whitespace above header image on mobile devices
I have setup my website so that I got rid of the whitespace above my header image on desktop resolution. However on my mobile phone there is still lots of whitespace at the top. How do I get rid of it?
This is the code I'm using:
img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img, img.wp-post-image, img.attachment-thumbnail {
border: none;
padding: 0;
}
.hentry, .no-results, #author-info, #disqus_thread, #content .error404 {
border-bottom: none;
padding-bottom: 0;
}
It appears to work for desktop resolution, but not on my phone.