How to put a widget in the header area

  • I would like to place a widget in the header area of a twenty twelve child theme I am developing locally on my Mac. I want to put social media icons next to the site title much like Cat Deeley’s site below:
    https://officiallycatdeeley.com/
    I’m guessing I need to use some custom php in the header.php file. Can anyone help?

Viewing 1 replies (of 1 total)

  • If all you want is just some social icons, don’t bother register the widget, just hardcode the links into the template and style (position and background image icons) it in CSS. 

    <ul class="mysocials">
	<li><a href="https://twitter.com/">my twitter</a></li>
	<li><a href="https://facebook.com/">my facebook</a></li>
</ul>

    That above should be put in between <hgroup> and <nav> in the copy of header.php in child theme.

    The hard part is CSS. Twentytwelve is responsive and mobile first, so you have to plan ahead where and how the icons will be in certain screenwidth.

    I remember seeing this sort of questions in this forum before, you might try searching for it, someone might already have posted code example that you can just copy and use.

Viewing 1 replies (of 1 total)
  • The topic ‘How to put a widget in the header area’ is closed to new replies.