Title: Adding More Than One Logo/Header Image
Last modified: August 21, 2016

---

# Adding More Than One Logo/Header Image

 *  [canu](https://wordpress.org/support/users/canu/)
 * (@canu)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/adding-more-than-one-logoheader-image/)
 * Hi,
    Is there a way of adding more than one image to the header area. We would
   ideally like to add the logo to the left hand side of the header area with a 
   link to the Home page and a custom button on the right hand side of the header
   with a link elsewhere.
 * Is this possible?

Viewing 15 replies - 1 through 15 (of 20 total)

1 [2](https://wordpress.org/support/topic/adding-more-than-one-logoheader-image/page/2/?output_format=md)
[→](https://wordpress.org/support/topic/adding-more-than-one-logoheader-image/page/2/?output_format=md)

 *  [batharoy](https://wordpress.org/support/users/batharoy/)
 * (@batharoy)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/adding-more-than-one-logoheader-image/#post-4517908)
 * Yes it is, it would require editing the header.php file so you would need to 
   create a
    [child-theme](http://codex.wordpress.org/Child_Themes) first.
 *  [respectyoda](https://wordpress.org/support/users/respectyoda/)
 * (@respectyoda)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/adding-more-than-one-logoheader-image/#post-4517909)
 * I concur with batharoy. You can first safely create a child theme then copy the
   header.php from the parent theme folder and put it in your child theme folder
   and edit it.
 *  Thread Starter [canu](https://wordpress.org/support/users/canu/)
 * (@canu)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/adding-more-than-one-logoheader-image/#post-4517965)
 * Thanks for the quick feedback.
 * I’ve created a child theme and have an amended header.php file uploaded, what
   would be my next step?
 * Apologies if the question is a little facile but I don’t know PHP so any assistance
   would be appreciated.
 *  [respectyoda](https://wordpress.org/support/users/respectyoda/)
 * (@respectyoda)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/adding-more-than-one-logoheader-image/#post-4517968)
 * You don’t really need to know PHP as you can just use HTML in which you insert
   img tags.
 * Read this article on img tags.
 * [Image Tags](http://www.w3schools.com/html/html_images.asp)
 *  [batharoy](https://wordpress.org/support/users/batharoy/)
 * (@batharoy)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/adding-more-than-one-logoheader-image/#post-4518011)
 * Look for this section in the header.php
 * > </hgroup>
   >  ENTER YOUR CODE HERE <nav id=”site-navigation”
 * Be sure to give it a unique id.
 * >  For a link with image:
   > `<a href="LINK TO EXTERNAL SITE"><img src="LINK TO IMAGE" /></a>`
   > For a CSS style button:
   > `<a href="LINK TO EXTERNAL SITE" target="_blank">TEXT FOR BUTTON</a>`
 * Then use css to position and style as needed.
 *  Thread Starter [canu](https://wordpress.org/support/users/canu/)
 * (@canu)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/adding-more-than-one-logoheader-image/#post-4518206)
 * Thanks Guys, much appreciated.
 * I will give this a try soon and will you know how I make out.
 *  [Peter Wilson](https://wordpress.org/support/users/peter-wilson/)
 * (@peter-wilson)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/adding-more-than-one-logoheader-image/#post-4518232)
 * Sorry to hijack this thread but I have just posted something very similar myself.
   I had sort of come to the same solution suggested by Batharoy but when I try 
   this it ends up pushing the existing site image upwards. I am somewhat new to
   all this so is the suggested unique id in this code
 * [<img src=”LINK TO IMAGE” />](https://wordpress.org/support/topic/adding-more-than-one-logoheader-image/LINK TO EXTERNAL SITE?output_format=md)
 * the bit in quotes or is it the “a” before href; like a, b, c, etc
 *  [batharoy](https://wordpress.org/support/users/batharoy/)
 * (@batharoy)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/adding-more-than-one-logoheader-image/#post-4518233)
 * The unique ID wasn’t put in the code above, sorry. It would be structured like
   this:
    `<a id="header-logo" href="LINK TO EXTERNAL SITE"><img src="LINK TO IMAGE"/
   ></a>` The id can be anything you want but it’s best to use something that describes
   the element. In this case it’s usually someone wanting a logo along with the 
   site title text title in the header.
 * You can then use the id in your css:
 *     ```
       #header-logo{
       align: left;
       }
       ```
   
 * etc…
 *  [Peter Wilson](https://wordpress.org/support/users/peter-wilson/)
 * (@peter-wilson)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/adding-more-than-one-logoheader-image/#post-4518234)
 * So in my instance I am trying to get the Floating Social Media Icons from the
   Acurax Pluging to align to the right hand side of my header. I initially used
   ths following code but I pushed the existing site image upwards. Is this because
   I never gave it a unique id.
 * [<?php DISPLAY_ACURAX_ICONS(22,48,0,’bounce’,0.9); ?>](https://wordpress.org/support/topic/adding-more-than-one-logoheader-image/Social Media Icons?output_format=md)
 *  [Peter Wilson](https://wordpress.org/support/users/peter-wilson/)
 * (@peter-wilson)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/adding-more-than-one-logoheader-image/#post-4518235)
 * `<a href="Social Media Icons"><?php DISPLAY_ACURAX_ICONS(22,48,0,'bounce',0.9);?
   ></a>`
 *  [batharoy](https://wordpress.org/support/users/batharoy/)
 * (@batharoy)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/adding-more-than-one-logoheader-image/#post-4518236)
 * The php snippet takes care of the href= , you would want the id in that spot.
   Also if using more than 1 word in the id use hyphens or it will add as a separate
   id for each word.
 * `<a id="social-media-icons"><?php DISPLAY_ACURAX_ICONS(22,48,0,'bounce',0.9);?
   ></a>`
 *  [Peter Wilson](https://wordpress.org/support/users/peter-wilson/)
 * (@peter-wilson)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/adding-more-than-one-logoheader-image/#post-4518237)
 * Firstly, I apologise to canu for hijacking this thread. Thanks to Batharoy for
   the suggestions. However, there is still a problem with alignment. What is happening
   is that the h1 site-title has full page width allocated to it and even though
   the image aligned to the left is only 238px wide. When I try and place the social
   media icons in the same area it also allocates an additional full page width 
   to area it is placed. Hard to explain really, but the bottom line is that horizontally
   I can place the social media icons exactly where I want them but vertically I
   cannot get them on the same line as the site-image.See here [http://tinyurl.com/orzpzaz](http://tinyurl.com/orzpzaz)
 *  [batharoy](https://wordpress.org/support/users/batharoy/)
 * (@batharoy)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/adding-more-than-one-logoheader-image/#post-4518238)
 * OK, after looking at the source on your site it appears the php snippet already
   assigns an id to social widget. There is no reason for you to add one.
 * It also looks like you added the `<a id="social-media-icons"` info twice,
    the
   first has only `<style>` info and the second is empty. Your only allowed one 
   id per page. So let’s start by removing both of those completely. After that 
   we will style it the way you want.
 *  [Peter Wilson](https://wordpress.org/support/users/peter-wilson/)
 * (@peter-wilson)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/adding-more-than-one-logoheader-image/#post-4518239)
 * Ok. You will have to bear with me on this as I am a total newcomer. A full 2 
   weeks and 1 day. I have removed all reference to this from the Header.php file
   and the positioning from the style.css. Hopefully, thats everything gone.
 *  [batharoy](https://wordpress.org/support/users/batharoy/)
 * (@batharoy)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/adding-more-than-one-logoheader-image/#post-4518240)
 * Ok now put the php snippet back into the header.php, i believe it waas in the`
   <hgroup>`tag.
 * `<?php DISPLAY_ACURAX_ICONS(22,48,0,'bounce',0.9); ?>`
 * But only the snippet, nothing else.

Viewing 15 replies - 1 through 15 (of 20 total)

1 [2](https://wordpress.org/support/topic/adding-more-than-one-logoheader-image/page/2/?output_format=md)
[→](https://wordpress.org/support/topic/adding-more-than-one-logoheader-image/page/2/?output_format=md)

The topic ‘Adding More Than One Logo/Header Image’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/twentytwelve/4.7/screenshot.png)
 * Twenty Twelve
 * [Support Threads](https://wordpress.org/support/theme/twentytwelve/)
 * [Active Topics](https://wordpress.org/support/theme/twentytwelve/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/twentytwelve/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/twentytwelve/reviews/)

## Tags

 * [custom html](https://wordpress.org/support/topic-tag/custom-html/)
 * [header](https://wordpress.org/support/topic-tag/header/)
 * [header area](https://wordpress.org/support/topic-tag/header-area/)
 * [image](https://wordpress.org/support/topic-tag/image/)
 * [image map](https://wordpress.org/support/topic-tag/image-map/)
 * [link](https://wordpress.org/support/topic-tag/link/)
 * [logo](https://wordpress.org/support/topic-tag/logo/)

 * 20 replies
 * 4 participants
 * Last reply from: [Peter Wilson](https://wordpress.org/support/users/peter-wilson/)
 * Last activity: [12 years, 3 months ago](https://wordpress.org/support/topic/adding-more-than-one-logoheader-image/page/2/#post-4518245)
 * Status: not resolved