I've noticed a problem with how my header displays on individual blog post pages when the site is viewed on a smartphone. It's a WP responsive template. The media queries defining both seem to be the same (unless I'm missing something, which is possible). Here is an example of what it looks like: http://outtacontext.com/blog/2013/08/china-the-search-is-the-holy-grail/ (resize window to see that there is a lot of white space around the header graphic). However, on every other page on the site it looks like this (this is the correct way it should display): http://outtacontext.com/blog/category/fairly-odd-parents-present/a-trip-bac k-home-to-china/ The header graphic is flush with the top and it is a bit larger. Again, this the correct way and the way it displays on every other page on my site.
Using Firebug to see where the difference is coming from, while it appears that the height of the #header is different in both of these examples, I can't find the differences in the css being used. Here are two images showing the problem design (http://outtacontext.com/images/wrong.png) and the correct design (http://outtacontext.com/images/correct.png). There is too much space in the first one. But I can't tell what's defining that extra space. I can't find it in the css. Any help you can give would be appreciated. Thanks. Jeff ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
