How do I add a search bar to the header?

• 

  pearlangirl · Member · Jan 22, 2014 at 5:16 pm

  • Copy link
  • Add topic to favorites

  Hi, I am currently using Triton Lite as my theme. I do not want to use the sidebar, so the search bar is located in the footer. Is it possible to add a search bar to the header? Or near the navigation menu? Just so it is easy for people to search for something on my website.

  Thanks.

  The blog I need help with is: (visible only to logged in users)

• 

  gracejiyoung · Member · Jan 23, 2014 at 12:30 pm

  • Copy link

  Hi there,

  Sure. You can do this by editing the CSS. Try adding this:

  .widget_search {
  	position: relative;
  	top: -2350px;
  	left: 755px;
  }
  
  .site-footer .widgets .widgettitle, .site-footer .widgets .widgettitle a {
  	color: #c11111;
  }

  You can change around the number next to “top:” and “right:” to get it exactly where you want it.

  Cheers!

• 

  pearlangirl · Member · Jan 23, 2014 at 11:54 pm

  • Copy link

  Thank you so much!

• 

  gracejiyoung · Member · Jan 24, 2014 at 10:26 am

  • Copy link

  You’re very welcome!

  Cheers!