Hide the Header in TwentyTen

Posted on

By Michael Fields

Whenever I am developing a plugin or general theme modification for WordPress I tend to use the default theme. TwentyTen is the current default theme and, while I think that it is really nice in production sites, it posses an awkward characteristic when debugging code. The header is huge!

Here is one line of code which allows you to temporarily “hide” the header while developing functionality that displays below it. My screen’s resolution is 1024×768 and this line of code helps me to see changes immediately upon refresh without having to scroll.

body{ position:relative; top: -310px; }

Share your thoughts

Fork me on GitHub