The WordPress dashboard gives you a few header customization options for your business’s website, but even if you choose to hide the header image, the default settings still place text at the top. Getting rid of this text requires a little custom coding, but nothing that requires an advanced understanding of CSS. With just a few tidbits of new code, you can hide all remaining parts of the WordPress header, giving your business’s page a clean and minimalistic aesthetic.

Log in to your WordPress dashboard, click the “Appearance” menu and select “Header.”

Click the “Remove Header Image” button. Your current WordPress header image is removed, but the image remains saved in your WordPress file library for future use. The text header still appears in most themes, so you have to remove it manually.

Click on “Custom Design” from the left-hand column if you use WordPress.com, or click “Editor” for WordPress.org.

Click on the “CSS” tab.

Scroll the CSS code and find all references to the text-based header. These appear as “h1,” “header,” “headerimg” or “description.”

Click inside the brackets next to your header code, then type “display:none;” (omit the quotation marks). For example, change code that reads “h1 {font-size: 200%; color: black; font-family: arial}” to “h1 {display:none; font-size 200%; color: black; font-family: arial}.” This hides the text, but retains the code in case you ever want to erase the new code and show the header again.

Click “Save” for WordPress.com or “Update File” for WordPress.org. Your entire header image and text should be hidden.

Tip

If you're using WordPress.com's interface, you may need to pay and upgrade to a premium account for CSS editing privileges. WordPress.org's interface already includes these features.