I just switched themes to a customized Twenty Twelve. Great theme.
I did some work on the header to make it full-width (the blue bar set to 100%, with header content centered over the main content). It works well in all browsers other than IE (of course!). But on mobile browsers, the header is small and truncated with no text. Here is what it looks like: http://adventuresincubing.files.wordpress.com/2013/03/photo.png
I'm guessing the full-width header isn't playing well with the responsive layout. Any suggestions on how to make them play nicely together?
The blog I need help with is adventuresincubing.com.