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

*

Subscribe without commenting

Please enter your email address and click subscribe to receive an email whenever a new comment is made about this post.

Fork me on GitHub