Title: Clickable Button In Header
Last modified: August 20, 2016

---

# Clickable Button In Header

 *  [mixit](https://wordpress.org/support/users/mixit/)
 * (@mixit)
 * [14 years, 10 months ago](https://wordpress.org/support/topic/clickable-button-in-header/)
 * Having difficulty floating a button over the header. Trying to add a 54pxx54px
   youtube button on the right side of the header.
 * Any help is appreciated..
 * [http://tinyurl.com/3hamjou](http://tinyurl.com/3hamjou)

Viewing 9 replies - 1 through 9 (of 9 total)

 *  [Jason](https://wordpress.org/support/users/themeblvd/)
 * (@themeblvd)
 * [14 years, 10 months ago](https://wordpress.org/support/topic/clickable-button-in-header/#post-2250895)
 * Where exactly in the header are you wanting to put the button? It doesn’t look
   like you’ve tried to put anything in yet that we can help with. Or are you just
   totally lost on where to start?
 *  Thread Starter [mixit](https://wordpress.org/support/users/mixit/)
 * (@mixit)
 * [14 years, 10 months ago](https://wordpress.org/support/topic/clickable-button-in-header/#post-2250897)
 * Kinda lost. Right now it’s only showing up on the blog page above the title of
   the latest post. I want to put it in the bottom right of the header, then a fb
   button next to it.
 * THANKS for the quick response!
 *  Thread Starter [mixit](https://wordpress.org/support/users/mixit/)
 * (@mixit)
 * [14 years, 10 months ago](https://wordpress.org/support/topic/clickable-button-in-header/#post-2250898)
 * Now I see it’s hiding right below the HOME nave button.
 *  [Jason](https://wordpress.org/support/users/themeblvd/)
 * (@themeblvd)
 * [14 years, 10 months ago](https://wordpress.org/support/topic/clickable-button-in-header/#post-2250900)
 * You could try moving your #youtube div inside your #menu div:
 *     ```
       <div id="menu">
         your menu...
         <div id="youtube">
           your button...
         </div>
       </div>
       ```
   
 * And then floating your #menu div to the right with css like:
 *     ```
       #youtube {
           float: right;
       }
       ```
   
 * That should put the button over on the far right side so it’s in the same line
   as your main menu. It may be sort of confusing for the user to put it actually
   up on top of your header because you have that entire area covered by your logo,
   which is clickable.
 *  Thread Starter [mixit](https://wordpress.org/support/users/mixit/)
 * (@mixit)
 * [14 years, 10 months ago](https://wordpress.org/support/topic/clickable-button-in-header/#post-2250904)
 * Is there a way I can put the button inside the header and above the nav to the
   right?
 * The theme I’m working with has a custom header uploader and I’m not too sure 
   how to go around that.
 * thanks
 *  Thread Starter [mixit](https://wordpress.org/support/users/mixit/)
 * (@mixit)
 * [14 years, 10 months ago](https://wordpress.org/support/topic/clickable-button-in-header/#post-2250906)
 * I see what your saying, I’m going to try that
 *  Thread Starter [mixit](https://wordpress.org/support/users/mixit/)
 * (@mixit)
 * [14 years, 10 months ago](https://wordpress.org/support/topic/clickable-button-in-header/#post-2250911)
 * Sorry, Getting slightly confused:
 * I what Template PHP would I go? (trying to use command+f in all templates but
   not getting any luck). I know I could copy the code I have in the header.php 
   section and apply
 * I think I can get the css change after the php
 * I really appreciate it!
 *  [Jason](https://wordpress.org/support/users/themeblvd/)
 * (@themeblvd)
 * [14 years, 10 months ago](https://wordpress.org/support/topic/clickable-button-in-header/#post-2250923)
 * I’m not familiar with your theme’s custom header uploader would work, but generally
   speaking if you want to edit the HTML markup of your header, you’d just open 
   up header.php file of your theme.
 * I had just assumed that you were already doing that because I noticed that you
   had the #youtube div already there.
 * … Or better yet, it’s good practice to make your changes in a child theme so 
   you can continue to keep your primary (i.e. parent) theme up-to-date in the future.
 * [http://codex.wordpress.org/Child_Themes](http://codex.wordpress.org/Child_Themes)
 * So, you could either just throw the youtube button in header.php where you want,
   or in an ideal situation, you’d start a child theme, copy your theme’s current
   header.php to that child theme, and then start making your changes to it.
 * Then, you can also put your CSS changes in your child theme’s style.css file.
 * If that WP codex page is a little intimidating at first glance, I also have a
   video on child themes that is a little out of context here, but still might be
   helpful: [http://vimeo.com/20325009](http://vimeo.com/20325009)
 *  Thread Starter [mixit](https://wordpress.org/support/users/mixit/)
 * (@mixit)
 * [14 years, 9 months ago](https://wordpress.org/support/topic/clickable-button-in-header/#post-2251216)
 * Thanks for the help! I ended up figuring it out thanks to you.
 * Cheers

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Clickable Button In Header’ is closed to new replies.

## Tags

 * [button](https://wordpress.org/support/topic-tag/button/)
 * [clickable](https://wordpress.org/support/topic-tag/clickable/)
 * [header](https://wordpress.org/support/topic-tag/header/)

 * 9 replies
 * 2 participants
 * Last reply from: [mixit](https://wordpress.org/support/users/mixit/)
 * Last activity: [14 years, 9 months ago](https://wordpress.org/support/topic/clickable-button-in-header/#post-2251216)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics