How to add a site logo in Twenty Sixteen WordPress theme

how to add a site logo to Twenty Sixteen WordPress theme

Twenty Sixteen WordPress theme doesn’t provide with an option to add a logo in the site header.

I found a simple workaround to get this done, just follow these steps:

1) Install Easy Logo Plugin.

2) Setup the configurations as per your need in the Plugin settings.

3) Add <?php show_easylogo(); ?> just after this code in your Header.php

<header id=”masthead” class=”site-header” role=”banner”>
<div class=”site-header-main”>
<div class=”site-branding”>

4) Save the Header.php file

5) Go to Style CSS of your site. (www.yoursite.com/wp-admin/theme-editor.php?file=style.css&theme=twentysixteen)

6) Put below code there ( at the end )

.site-title {
display: none;
}

.site-description {
display: none;
}

7) Click ‘Update File’.

8) Done !

Read: How i got my AdSense approved in 2 weeks-The honest way

NOTE: This is a simple workaround to add logo in TwentySixteen theme which i thought of, you are welcome to give better suggestions 🙂

Read : Why WordPress changes default theme every year

Subscribe to Blog via Email

Enter your email address to subscribe to this blog and receive notifications of new posts by email.

If this helped you, do keep us motivated by commenting below 🙂

29 thoughts on “How to add a site logo in Twenty Sixteen WordPress theme

  1. Abhi – I’m a newbie to coding and thought I had it, but when I followed the directions, my company name now shows up twice (on top of the original). Should I replace the code in the steps or place in a specific part (e.g. step 6)? Thanks

    1. Hey Muku,

      After installing the easy logo plugin the Step 3 code should be right after the mentioned code in your Header.php file ( You can find your Header.php at yoursite/wp-admin/theme-editor.php?file=header.php&theme=twentysixteen)

      Followed by adding step 6 code in your site CSS at the end ( You can find your site css at yoursite/wp-admin/theme-editor.php?file=style.css&theme=twentysixteen)

      hope this helps

      1. Thank you. I did exactly that and the company name is duplicated again (i.e. sitting on top of each other). Still unable to add the logo.

        1. I Checked your site, You are not using an image on Easy Logo.

          Also the CSS to disable site title isnt there. Put this in your CSS

          .site-title {
          display: none;
          }

          .site-description {
          display: none;
          }

  2. Hi Abhi,
    I do like 2016 except for this problem. There is a huge empty space to the right of site title and tagline which is where I would really like to see our logo. I think I can do what you suggested here without any problem but my question is shouldn’t we really make a child theme before changing the code of the theme? I know I have wrestled with this issue in the past.
    Here is another easy work around that I have used temporarily but it doesn’t solve the problem of the large white space in the upper right.
    In publisher or word or what ever you like to use place the photo that you would like to upload for your header. Lay your logo over the top and adjust size as necessary. If you have an irregularly sized logo you may have to convert the background of your logo to transparent so that the photo can show through. Use shipping tool to copy out your photo with logo and save it locally. Upload that to your WordPress site as your featured header photo.

  3. This didn’t work for me. No matter what I do the header stays as a plain text title. I can’t even get the font to change using an easy google font plugin or whatever. I just spent several hours trying to figure out how to put a logo on the left of the title of my blog like any normal blog would want and it’s nearly impossible. They let you do a ridiculous header image that takes up all the space below the blog title and description that is just stupid. Maybe you can give more detail on the code? But it seems like my plugins in general aren’t responsive and yes they’re activated. I paid $100 to bluehost I’m gonna call them in the morning. I just want a logo on a very basic blog I don’t ask much how this built into the theme template? I hate computers so much.

    1. Hello Mike,

      Thanks for your feedback, please share your site URL so that we can have a look and could provide a possible solution to this.

      Thanks.

  4. Hi Abhi,

    My name is Rich and I just wanted to thank you for all your help regarding this problem. However, after following your steps (I believe I did it all correctly) my logo shows up on my homepage when I am in the back office, however, does not show on actual site itself. I already cleared cache, reopened browser etc and still not coming up on the site. My website is http://www.biznicheresources.com can you figure out what i am doing wrong?

    Thanks again,
    Rich

    1. Hi Rich,

      Thanks for getting in touch. The steps if followed correctly should work like charm. Probably another try right from scratch can help.

      Regards,
      Abhinav

Excited to hear from you, comment below !