Adding Logo to Twenty fourteen
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 http://www.dccollectors.com
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:
You can choose one of your previously uploaded headers, or show a random one.
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:
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:
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!
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?
- The topic ‘Adding Logo to Twenty fourteen’ is closed to new replies.