Support » Theme: Twenty Fourteen » Adding Logo to Twenty fourteen

Viewing 15 replies - 1 through 15 (of 32 total)
  • Look under appearance-header. Add your logo there. You might have to be creative because it will take up the entire header area. I just created several different headers with my logo on it…

    You can check it out at

    Thanks John, but I do not use header. I just want to add my logo without header.

    You should check or uncheck

    Header Text Show header text with your image.

    in appearance > header section

    I do not have a header image, I just want to add one small custom logo 335x40px to the place of the header text.

    in appearance > header section

    upload your logo there then chose the one you want here:

    Uploaded Images
    You can choose one of your previously uploaded headers, or show a random one.

    “appearance > header”

    There is no such section.

    Knocks,I just installed the theme. I’ve got the Appearance > Header section. Go to Dashboard, then Appearance. You’ll see “Header” under there. If not, please detail out your click-path and what you see.

    Of course I know how to add header immage to the site, but I just sad 2 times I do not need one. I do not use header. I just want to change the name of the site to a small logo 335x40px at the same place.

    One way of doing it: I reccomend a child theme.
    Not pretty, perhaps a PHP person can elaborate or come up with something cleaner.

    Search your header.php file for this section

    <header id="masthead" class="site-header" role="banner">
    		<div class="header-main">
    			<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>

    you need to remove this part

    <?php bloginfo( 'name' ); ?>

    and replace it with a coded image link

    <img src="YOUR IMAGE LINK HERE">

    EDIT – I see you modified your post to add the child theme piece – thanks.

    Any modification like the above should be done in a child theme –

    Oh, this is nice batharoy, thanks. I just made something like that. Ja, I removed the <?php bloginfo( ‘name’ ); ?> part, add a small extra part, and this is wat I have now:

    <h1 class=”site-title”>” rel=”home”><img id=”site-logo” src=”<?php echo get_stylesheet_directory_uri(); ?>/images/site-logo.png” alt=”THE NAME OF MY SITE” /></h1>

    It works, but can it be beter done? Any ideaas? Professionals? Ja of course, I did this in child.

    In css I made the logo responsible, so it is getting smaller on Iphone:
    img#site-logo {
    max-width: 100%;
    height: auto;

    Solutions do not work properly, at least for me (WP3.8, Windows 8.1, WAMP, localhost):
    1- I tried tommee81’s solution: does not show the logo, just showing ” rel=”home”> followed by the alt text I inputted (like THE NAME OF MY SITE).
    2- I tried batharoy’s solution: logo appears but the top menu dissapears as the user scrolls down. The menu does not stick to the top of the page after the header image dissapears with scrolling.
    => Anyone knows how to have the logo appear while keeping the top menu from dissapearing during scrolling? Thanks!

    Hi Jas999,

    Try this in header:
    <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><img id="site-logo" src="<?php echo get_stylesheet_directory_uri(); ?>/images/site-logo.png" alt="THE NAME OF YOUR SITE" /></a></h1>
    I did not use the CODE button in my last post, so it changed it. Now this is appearing goed. You need to put your logo to: ..child/images/site-logo.png
    If you do it like this, the menu stays always, with your logo.

    Thanks Tommee81. I copied your code in header.php in the child theme (replacing the <h1 code after <div class=”header-main”>), relocated my logo under the child theme/images folder. Nope, the menu is still not fixed. Yes, the menu stays at the right of the logo, but when I scroll down since the menu is not fixed, it dissapears as I scroll down.

    Agree with Jas999, I am facing the same problem. The logo and the menu on the right disappears when I scroll down my website.

    Before, when using site title instead of logo, the menu will always stay at the top even if we scroll down.

    Any suggestions to fix this?


Viewing 15 replies - 1 through 15 (of 32 total)
  • The topic ‘Adding Logo to Twenty fourteen’ is closed to new replies.