Search box in the menu line

[Sharon Vaingast]

Hello Bill,
Is it possible to add the serach bar between the menus and the social icons?
I have no other place to put the search bar in the main page..

Please kindly your help,
Thanks,
Sharon.

[Bill Robbins]

Sharon,

It is possible to add a search box in there. Here’s how to go about that:

1. Go to the Appearance section of your WordPress control panel and select edit to open up the theme editor.
2. From the list of files on your right, choose header.php and look for this spot:

   
   <div id="nav-right">
   

3. Right below that paste this:
   
4. Save your changes.
5. Next go to the styling tab of the theme options page. Scroll down to the bottom until you see a box labeled “Custom CSS.” Paste this into that box:

   
   #nav-right {
   	width: 370px;
   }
   
   #nav-search {
   	float: left;
   	display: inline;
   	margin-top: -1px;
   	margin-right: 10px;
   }
   

6. Save your changes.

That should give you a search bar in your header. If you have any trouble, let me know,
Bill

[Sharon Vaingast]

Thank you!
Can I make the search box little smaller?
Look at the social icons..
http://www.womenofthewall.org.il

Thanks,
Sharon

[Bill Robbins]

No problem. You can make it smaller too. Add this to your Custom CSS box:

#nav-right input#s {
	width: 100px;
}

That should shrink the box a bit and leave more room for your social media icons.

Take care,
Bill

[Sharon Vaingast]

Thanks.
Sorry for bothering you i need more room.. can i move it a bit to the left? see the social icon is below.
womenofthewall.org.il

Thanks!
Sharon

[Bill Robbins]

You can adjust the width: 100px above to say 90px and see if that fits better. I’d play with that value a bit until you find what you’re looking for.

[Sharon Vaingast]

Thank you so much.
You are the best.
So much patience…

Sharon

[Author]

Posts