search bar in header

• 

  livelaughyum · Member · Jan 26, 2017 at 6:11 am

  • Copy link
  • Add topic to favorites

  Can you add a search bar in the header of the theme Maxwell with css?

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

• 

  aakashpatelsite · Member · Jan 26, 2017 at 9:56 am

  • Copy link

  Hi,

  Just add to your theme this code:
  <?php get_search_form(); ?>

  Place this code everywhere where you want to have the search form.

  Further you need to have “search.php” file in your theme which will show the search results.

  Thanks,
  Aakash Patel

• 

  livelaughyum · Member · Jan 26, 2017 at 3:51 pm

  • Copy link

  Say if I wanted to add it to my site navigation menu.. where do I put the code?

• 

  thesacredpath · Member · Jan 26, 2017 at 6:16 pm

  • Copy link

  @gabbytrecipes, we cannot add php script like @aakashpatelsite suggests since we cannot edit the theme files here at WordPress.com.

  We can move a search widget up into the header area sometimes using CSS. Add the following to your custom CSS and see what you think. Due to the size of your site title, I’ve had to limit this to screens 1080px and wider by using a Media Query.

  @media screen and (min-width: 1080px) {
  #page {
  	position: relative;
  }
  #search-10 {
  	position: absolute;
  	top: 50px;
  }
  }
  @media screen and (min-width: 1080px) and (max-width: 1120px) {
  	#search-10 {
  		right: 10px;
  	}
  }

• 

  thesacredpath · Member · Jan 26, 2017 at 6:17 pm

  • Copy link

  @aakashpatelsite, for reference, the differences between WordPress.com and WordPress.org.

• 

  livelaughyum · Member · Jan 27, 2017 at 4:29 am

  • Copy link

  this is EXACTLY what I wanted!!! Thank you so much!

• 

  thesacredpath · Member · Jan 27, 2017 at 7:58 pm

  • Copy link

  Hooray and you are welcome!