Table of contents

Why your WordPress logo mattersWhere WordPress logos appearChanging the logo using the Customizer (most common method)Theme-specific logo settingsChanging the logo with block themes (Full Site Editing)Logo size recommendationsHow to change the favicon (site icon)Advanced optionsCommon issuesNext stepsAdditional resources

Get the industry’s fastest hosting for WordPress◦ 99.999% uptime
◦ Comprehensive security
◦ 24/7 support

WordPress Guide → Build → Change The Logo

How to change the logo in WordPress

Your site’s logo sets the tone for your brand. It’s the first thing most visitors notice, and the one element that sticks around no matter what page they’re on. Whether you’re launching a new site or just rebranding, swapping out the default WordPress logo is one of the quickest ways to personalize your site.

Let’s walk through how to change your WordPress logo, what to do if it doesn’t show up correctly, and how to handle theme-specific options.

Get fast, reliable hosting for WordPress

Power your site with the industry’s fastest, most optimized WordPress hosting

WordPress.org hosting

Why your WordPress logo matters

Your logo shows up in several high-profile spots: the site header, mobile navigation, login page, and browser tabs (as a favicon). It represents your brand across devices and platforms. Customizing it early makes your site look professional and builds trust with visitors.

Where WordPress logos appear

Understanding where your logo gets displayed helps you optimize its size and format. WordPress themes typically show your logo in:

The top-left or center of the site header
Mobile headers or slide-out menus
The browser tab (favicon or site icon)
Custom login screens (if enabled)
Email headers (with certain plugins)

Changing the logo using the Customizer (most common method)

If your theme uses the WordPress Customizer, you can change the logo in just a few steps.

1. Access the Customizer

From your WordPress dashboard, go to Appearance > Customize.

2. Open the Site Identity section

In the Customizer menu, click Site Identity. This area controls your logo, site title, tagline, and site icon.

3. Upload or select a logo

Click Select logo to open the Media Library. You can either upload a new image or choose an existing file.

4. Crop and set the logo

WordPress will prompt you to crop the image, but if your logo is already sized correctly, just click Skip Cropping. Then choose Set as logo.

5. Adjust title and tagline display

If you want to hide the site title or tagline and only show the logo, uncheck Display Site Title and Tagline.

6. Save your changes

Click the Publish button at the top to make your new logo live.

Theme-specific logo settings

Some themes skip the standard Customizer and offer their own logo settings. If you don’t see a logo option under Site Identity, check:

Appearance > Theme Options (especially for premium themes)
A custom Header section in the Customizer
The theme’s own settings panel under Appearance or elsewhere in the dashboard

Different themes may also support:

Separate mobile and desktop logos
Sticky header logos
Logo placement above, beside, or below the menu

If you’re unsure, check your theme’s documentation or support site.

Changing the logo with block themes (Full Site Editing)

If you’re using a block theme like Twenty Twenty-Four, the Customizer is replaced by the Site Editor.

Here’s how to update your logo:

Go to Appearance > Editor
Open the header template part or click directly on the logo area
Select the Site Logo block
Use the Replace option to upload or select a new logo
Adjust size, spacing, and alignment using the block settings
Click Save in the top right corner

Block themes give you more control over placement and styling, but they can take a little getting used to.

Logo size recommendations

A clean, high-resolution logo avoids blurry displays or layout issues.

Recommended logo sizes:

Width: 250–300px
Height: 50–100px
Format: PNG with transparency, or SVG for scalability
Retina-ready: Upload 2x versions (e.g. 600x200px for a 300x100px display)

Check your theme’s documentation for exact sizing guidelines, as some headers scale differently.

How to change the favicon (site icon)

The site icon (favicon) appears in browser tabs, bookmarks, and mobile home screens. It’s managed in the same area as the logo.

To update it:

Go to Appearance > Customize > Site Identity
Scroll down to the Site Icon section
Upload a square image (512x512px is ideal)
Click Publish

A custom favicon helps reinforce your brand in small but meaningful ways.

Advanced options: logo per page or conditional logos

Want to get fancy? Some tools let you use different logos depending on the page, user role, or device.

Options include:

Elementor Pro: Use custom headers per page or condition
Kadence Pro: Assign logos for transparent, sticky, and mobile headers
If Menu: Show different menus—and logos—based on rules
Custom code: Create logic in a child theme to switch logos using PHP and conditional tags

These are great for advanced branding strategies or white-label client sites.

Common issues and how to fix them

Logo not showing up?

Clear your site and browser cache
Disable lazy load (some performance plugins apply it to images in headers)
Confirm your theme supports logo uploads

Logo is blurry or distorted?

Use the correct dimensions
Upload a 2x resolution version
Avoid compressing your logo too much during export

Customizer has no logo option?

You may be using a block theme—try Appearance > Editor
Or your theme may require uploading the logo elsewhere

Getting started with changing the logo in WordPress

Customizing your logo is one of the fastest ways to brand your site and make a strong first impression. Whether you’re using the Customizer or Site Editor, WordPress gives you full control over your site’s identity.

To change your logo now, head to Appearance > Customize > Site Identity or use the Site Editor for block themes. Upload your image, fine-tune the settings, and hit save.

Ready to take the training wheels off your WordPress site? Upgrade to professional hosting and see how better speeds, security, and reliability provide a foundation for a website and a brand that people find engaging and trustworthy. Liquid Web’s WordPress hosting options configure business-class servers and support plans specifically for WordPress websites.

Don’t want to deal with server management and maintenance? Our fully managed WordPress hosting is the best in the industry. Our team are not only server IT experts, but WordPress hosting experts as well. Your server couldn’t be in better hands.

You can avoid site speed problems when you’re with Nexcess Fully Managed WordPress or Liquid Web’s suite of WordPress hosting solutions.