[dodo]

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.

[dodo]

Woops that was the wrong code, here’s the code I’m using to remove the whitespace:

#header-content { padding: 0; }

It doesn’t appear to affect any resolution below 1024×768, the whitespace is still there on those resolutions. You can test this:

http://quirktools.com/screenfly/#u=http%3A//test350.hlutverkasetur.is&w=1024&h=768&a=1

[dodo]

Update: I decided to try using the site title for now, that removes the issue. It’s only an issue when the site title is disabled. Now I just need to figure out a way to align the site title better, it looks kind of crappy when it’s not centered or all the way to the left.

[Sakin]

@dodo: where did you add that css. If you add that css in “Appearance => Theme Options => Custom CSS” box. Then it will work.

If you are adding it in your child theme style.css then add the following css:

#branding #header-content {
    padding: 0;
}

Sorry for the late reply. As we have again hit by 7.3 scale of Earthquake aftershock and we were closed down.

[Author]

Posts