How To Add Search Form In Header On Twenty Twelve Theme

How To Add Search Form In Header On Twenty Twelve Theme

In this tutorial we will let you know How To Add Search Form In Header On Twenty Twelve Theme.To fulfill this open header.php and locate the following in this file.

</hgroup>

Now copy this and paste it just after the </hgroup>

<div class="header-search"><?php get_search_form(); ?></div>

it will add the search form in header, but neither it is right align or not responsive.To make it responsive and right align.Open Style.Css and paste the below code at the end of file.

.header-search { float: right; margin-top: -50px; }
@media (max-width: 650px)
{ .header-search { margin-top:5px; text-align:center;
float:none; } .main-navigation { clear:both; } }

Now save and close the file and you are done with it.