I’ve noticed a problem with how my header displays on individual blog post pages on the mobile version. Here is an example of what it looks like: http://outtacontext.com/blog/2013/08/ (Purchase code hidden if logged out) -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/ (Purchase code hidden if logged out) -china/ The header graphic is flush with the top and it is a bit larger. Again, this is the way it displays on every other page on my site.
Using Firebug to see where the difference is coming from, it appears that the height of the #header is different in both of these examples. Here are two images showing the problem design (http://outtacontext.com/images/wrong.png) and the correct design (http://outtacontext.com/images/correct.png). The second one is the correct one. 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. Every other page and post on the site displays correctly.
Any help you can give would be appreciated. Thanks.
The topic ‘Header Not Working Right on Individual Blog Pages (for Mobile)’ is closed to new replies.