Reduce the header’s height in Hydrogen and Krypton

Out of date

This post is marked as "Outdated". Newer posts, snippets or tutorials may be available: you can look for them using tags, categories or typing a keyword into the search form on top of the page.

I already wrote about this but for an easier access it needs a post on its own.

There’s a debate about theĀ position of the sitemenu: usually it’s placed below the header, but with my recent themes I decided to put it on top of the page. Someone likes it, someone doesn’t, it’s a matter of taste. With a tall header I understand that it may be less usable, but still I like it where it is in Hydrogen and Krypton for a number of other reasons. If you think the header is too tall for your taste, just remember that you can make it shorter via Code Injection, it’s very easy. Examples:


#title h1, #title h1 a {height:120px !important;}


#title {height:120px !important;}