It's working fine with Firefox, Chrome and IE <= 8. But with IE9 the header disappears. Anybody an idea how to fix this?

It's about this theme: http://thethemefoundry.com/paperpunch/ and I'm using the free version

  • Tested with Chrome, IE 8, and IE 9. I can't reproduce any disappearing header. If you've made changes to the theme, they might be the reason the header's acting up ... but we can't help you if we can't see/reproduce the problem. Since the official demo isn't broken, I suggest you either link us to your live site or contact the original developer directly. – EAMann Dec 29 '11 at 16:54
  • Url of my (test)site is bit.ly/u2U3S2. Yes, demo site works fine in IE9, so it has something to do with minor changes I've made in the theme – waanders Dec 30 '11 at 16:36

I loaded your test site and immediately noticed a couple of issues. Not 100% sure what exactly is causing the disappearing header, but here are some things to check:


Your main stylesheet is using @import url("functions/stylesheets/style-options.php"); to import a stylesheet. My guess is that it's trying to import some dynamically-generated css. Unfortunately, this is what that stylesheet contains:

Deprecated: Function set_magic_quotes_runtime() is deprecated in /home/deb28386n2/domains/jethrowaanders.nl/public_html/test/wp/wp-settings.php on line 32

Warning: Cannot modify header information - headers already sent by (output started at /home/deb28386n2/domains/jethrowaanders.nl/public_html/test/wp/wp-settings.php:32) in /home/deb28386n2/domains/jethrowaanders.nl/public_html/test/wp/wp-content/themes/paperpunch/functions/stylesheets/style-options.php on line 4

It's also returning with a content-type of text/html, which IE9 is rejecting altogether as a type mismatch (stylesheets should only be delivered as text/css).


Your theme is trying to use a system called Cufon to generate the header and navigation link text. In modern browsers (not IE), it uses HTML5 canvas to do this. In IE it switches over to VML (vector markup language).

IE9 should still be using canvas, though. The demo theme from ThemeFoundry is still using canvas on the header ... yours is attempting to use VML. Why it's switching is likely a change or configuration you made somewhere while customizing the theme.

There are also a couple of other brute-force fixes you can use if you can't narrow down exactly what you changed. Here's one.

| improve this answer | |
  • It's working fine in IE6-8, FF, Opera and Chrome, not IE9, strange. But thanks, I try to figure out what I've done wrong – waanders Dec 30 '11 at 19:27
  • That's the thing. The non-IE browsers use Canvas. IE6-8 use VML. IE9 is supposed to use Canvas because it doesn't support VML ... but on your site, it's not switching over. – EAMann Dec 30 '11 at 19:39

I just ran a test on the demo at http://demo.thethemefoundry.com/paperpunch/ and everything looks fine under IE9 I would have to see your site to be able to figure it out.

One thing that may work is if you defined the IE document type to an earlier version kinda a cheap trick but it should work.

Add this to your meta <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" >

| improve this answer | |
  • Url of my (test)site is bit.ly/u2U3S2. Yes, demo site works fine in IE9, so it has something to do with minor changes I've made in the theme – waanders Dec 30 '11 at 16:36

Not the answer you're looking for? Browse other questions tagged or ask your own question.