Move the search bar to the top right of screen

• 

  mediatbankry · Member · Apr 22, 2016 at 8:49 pm

  • Copy link
  • Add topic to favorites

  Hello, I am looking for a CSS code to move the search bar out of my sidebar and to the top right of my blog above my primary menu.

  Here is a link to my blog for reference https://mediatbankry.wordpress.com/

  Thank you

• 

  thesacredpath · Member · Apr 22, 2016 at 10:17 pm

  • Copy link

  Hi there, add the following and see what you think. The second rule, the Media Query, adjusts the top padding so that there is room for the search bar above the title on smaller screens.

  #search-8 {
  	position: absolute;
  	top: 0;
  	border-top: none;
  	right: 0;
  	padding-right: 4.5455%;
  }
  @media screen and (max-width: 709px) {
  	#masthead {
  		padding-top: 3.925em;
  	}
  }