Logo

What are you looking for?

Get help straight from our team...

Site Logo Block

This article provides a clear, step-by-step guide on how to replace an existing site logo block, and how to add one to your site.

Updated 10 secs ago

Follow these steps to add or replace your site logo in WordPress:

  1. Open the WordPress Dashboard.

  2. Hover over the Appearance tab.

  3. Click Editor.

  4. In the Site Editor, click the Search bar at the top.

  5. Type "Header".

  6. Select the result that is simply labeled Header.

HEADER.png

  1. You will now be inside the Header template.

Replacing the Logo Image

  1. Click on the existing logo.

  2. Press Replace.

  3. Choose one of the options:

    • Open Media Library (choose an existing image)

    • Upload (add a new image)

    • Reset (clear the logo)

REPLACE.png

  1. To crop, press Crop.

  2. To reposition or move the logo block, press the six-dot handle to drag it.

Saving Changes

Press the blue Save button in the upper right corner of the editor.

SAVE.png

Adjusting Logo Settings

Click the Block Settings button in the upper-right corner.

BLOCK.png

Under the Settings tab:

  • Change the image width.

  • Toggle Link image to home.

  • Toggle Open in new tab.

  • Select Use as site icon to apply it as your favicon.

Under the Styles tab:

  • Change the appearance to Default or Rounded corners.

SETTINGSS.png

Adding the Site Logo Block (if it’s not already there)

1. Open the Header Template

  1. Go to Appearance → Editor.

  2. Use the search bar at the top and type “Header.”

  3. Select the template labeled Header.

2. Open the Document Overview

  1. In the top toolbar, click the Document Overview icon (the three stacked lines).

DOCUMENT OVERVIEW.png

  1. This shows a full outline of every block currently inside your header.

3. Insert a Stack for the Logo Area

  1. In the left panel, find the section that contains your main navigation/menu bar.

  2. Click the blue + button next to that area.

  3. Drag a Stack block to the left of the main menu/navigation block.

    • This creates a new space on the left side of your header where your logo will go.

4. Add the Site Logo Block

  1. With the new Stack selected, click the + inside it.

  2. Search for “Site Logo.”

  3. Click Site Logo to insert it.

  4. Upload a new logo image or choose one from your media library.

Tips and Best Practices

  • Use an image optimized for web (under 200kb).

  • Maintain consistent branding across logo, favicon, and social media assets.

  • Ensure the logo is readable at small sizes.

Previous

Change Menu Order

Next