WordPress.org

Ready to get started?Download WordPress

Forums

Clickable Button In Header (10 posts)

  1. mixit
    Member
    Posted 3 years ago #

    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

  2. Jason (Theme Blvd)
    Member
    Posted 3 years ago #

    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?

  3. mixit
    Member
    Posted 3 years ago #

    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!

  4. mixit
    Member
    Posted 3 years ago #

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

  5. Jason (Theme Blvd)
    Member
    Posted 3 years ago #

    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.

  6. mixit
    Member
    Posted 3 years ago #

    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

  7. mixit
    Member
    Posted 3 years ago #

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

  8. mixit
    Member
    Posted 3 years ago #

    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!

  9. Jason (Theme Blvd)
    Member
    Posted 3 years ago #

    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

    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

  10. mixit
    Member
    Posted 3 years ago #

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

    Cheers

Topic Closed

This topic has been closed to new replies.

About this Topic