• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

Answer Your Tech

Wordpress How-to Guides

  • Writing
  • Settings
  • Jetpack
  • Navigation
  • Hosting
  • Getting Started
  • Themes
You are here: Home / Getting Started / How to Add Logo in Wordpress Header

How to Add Logo in WordPress Header

March 13, 2019 By Matthew Burleigh

How to Add Logo in WordPress Header

Branding your website is something that you might take very seriously, or something that you might delay until you can really focus on it. But when you want to know how to add logo in WordPress header, you might have trouble figuring out how, depending on your theme.

There are certain visual elements that you will eventually want to customize on your website. Many of these are going to be taken care of by your site’s theme, such as the fonts, the colors, and the way that certain elements are styled.

But other site elements will need to be created by you, such as your site’s logo. The exact parameters and location of the logo are going to vary from theme to theme, but the majority of them are going to put the logo in the site’s header. Our tutorial below will show you how to add a logo to the WordPress header using the general location where most themes let you add it.

How to Add a Logo to a WordPress Site Through the Customizer

The steps in this article were performed on a Genesis site using the Smart Passive Income Pro child theme. I am using a site logo that is 860 x 160 pixels in size, which are the dimensions of the logo specified by that theme. If you don’t already know the logo dimensions for your site’s theme, then you will probably need to follow the first few steps below, where your theme will hopefully let you know the dimensions for the logo.

Step 1: Sign into your WordPress site’s admin section. You can typically access it by going to yourdomain.com/wp-admin.

Step 2: Hover over the Appearance tab at the left side of the window, then choose the Customize option.

open the customize menu

Step 3: Click the Header Image tab at the left side of the window. Note that this will vary by theme, so it may say something like “Logo” or “Header and Logo” or “Branding.”

choose the header or logo tab

Step 4: Click the Add New Image button. Take notice of the information on this screen for your theme, as it should let you know the dimensions that you need for a logo on your theme.

click the add new image button

Step 5: Click the Upload Files tab at the top of the window, then click the Select Files button at the center of the window. You can then browse to and select your site’s header logo. The next couple of steps may be optional depending on your theme.

upload the logo image

Step 6: Click the Select and Crop button at the bottom-right of the window.

select and crop

Step 7: Crop the logo as needed, then click the Crop Image button.

crop the image

Step 8: Click the Publish button to add the logo to your site.

how to add logo in WordPress header

If you are using caching on your site, then it may take a little while for the logo to display. You can always purge your site’s cache to force the updated site to load through whatever means you are using to cache the site.

Not sure how to install a theme on your WordPress site? This guide will show you how I installed my theme on this site.

Matthew Burleigh
Matthew Burleigh

Matt has been working with WordPress and creating content using this powerful content management system for years. While he has written about many other tech topics, WordPress is one of his favorites.

You can read his full bio here.

Join Our Free Newsletter

WordPress guides and deals

You may opt out at any time.
Read our Privacy Policy

Share this:

  • Click to share on Twitter (Opens in new window)
  • Click to share on Facebook (Opens in new window)
  • Click to share on Reddit (Opens in new window)
  • Click to share on LinkedIn (Opens in new window)
  • Click to share on Pinterest (Opens in new window)

Related

Primary Sidebar

Join Our Free Newsletter

WordPress guides and deals

You may opt out at any time.
Read our Privacy Policy

Recent Posts

  • How to Add a TXT DNS Record in Cloudflare
  • How to Enable or Disable User Registration in WordPress
  • How to Install and Configure the WP Rocket Plugin
  • How to Make WordPress Not Organize my Uploads into Month and Year-Based Folders
  • How to Turn on Cloudflare Hotlink Protection

Site Info

  • Domain Name - Hostgator
  • Hosting - Cloudways
  • Theme Framework - Genesis
  • Child Theme - Smart Passive Income Pro
  • Site Speed - WP Rocket

Archives

  • November 2022
  • October 2022
  • May 2022
  • July 2020
  • September 2019
  • July 2019
  • June 2019
  • May 2019
  • April 2019
  • March 2019
  • July 2018
  • December 2016
  • November 2016

Categories

  • Comments
  • Genesis
  • Getting Started
  • Hosting
  • Jetpack
  • Navigation
  • Plugins
  • Settings
  • Sidebar
  • Themes
  • Writing
  • Affiliate Disclosure
  • Privacy Policy
  • FAQ
  • About
  • Contact

Copyright © 2023 AnswerYourTech.com

 

Loading Comments...
 

You must be logged in to post a comment.