How to Edit Header Height in WordPress

1. Log in to the WordPress dashboard and navigate to 'Editor' under 'Appearance.' Click the header.php link under the 'Templates' heading on the 'Edit Themes' screen.
2. Locate the header's '
' or '
' tags in the header.php template. The header should contain things like the site title, description and website logo, though this differs from theme to theme. Once you find the tags that wrap around your header, find the ID name. The code will look something like this:









3. Click the link for style.css at the bottom of the list under the 'Templates' heading. Locate the selector that selects by your header's ID name. For a header with an ID name of 'header,' you will find code like this:#header { ...style rules go here... }
4. Edit the 'height' property for your header. If you do not see a height specified, add the property and set it to the height you want. Here is the code:#header {height: 250px;}Click the blue 'Update File' button to save your changes.
5. View your website to see the changes and look for any problems. You might need to go back and change the size of your font in the title or change the logo height if the header looks squished or misaligned.