How to Edit Your Site Header

4 months ago
Ava lebid
1 minute

Your site header is one of the first things visitors will notice when they visit your WordPress site/portfolio. Changing your header is a great way to personalize your website. Whether you want to add an image or logo, change the color, or update your navigation menu, WordPress gives you flexible tools to make that happen.

Getting the arrangement of a header exactly right can be a little tricky in WordPress.

Step 1:

Once on your site dashboard, find “edit header”

Wordpress dashboard, highlighting "edit header"

Step 2:

Choose the “header” block

Wordpress Portfolio, highlighting "header" box

Step 3:

Click the blue plus sign button

Wordpress site editor highlighting the blue plus sign

Step 4:

Choose the “patterns” tab.

Wordpress site editor highlighting the patterns button

Step 5:

Patterns are separated into categories. Choose the “Headers” category.

Wordpress site editor under the patterns tab highlighting the headers section

Step 6:

Choose a “Headers” pattern, then save your changes.

Wordpress site editor under the headers tab, displaying multiple header patterns

Advanced customization

Through the Site Editor, you can fine-tune any premade header pattern. You can rearrange, resize, or restyle these elements to fit your needs. You can change the background color, add social media icons, adjust font size and spacing, etc.

Pro tip: If you want to create a completely custom header is to pick a pattern that is close to what you are trying to achieve, and then modify that existing pattern instead of starting from blank.

Here are some examples:

css.php