Support » Themes and Templates » Clickable Button In Header

Clickable Button In Header

Viewing 9 replies - 1 through 9 (of 9 total)
  • 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?

    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!

    Now I see it’s hiding right below the HOME nave button.

    You could try moving your #youtube div inside your #menu div:

    <div id="menu">
      your menu...
      <div id="youtube">
        your button...

    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.

    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.


    I see what your saying, I’m going to try that

    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!

    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.


    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

    Thanks for the help! I ended up figuring it out thanks to you.


Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Clickable Button In Header’ is closed to new replies.