Search Bar Moved from Sidebar to Below Header and Above Body

• 

  absorbingthevista · Member · Aug 15, 2016 at 7:58 pm

  • Copy link
  • Add topic to favorites

  How to move the sidebar search widget to below the header and above the body?

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

• 

  absorbingthevista · Member · Aug 15, 2016 at 7:59 pm

  • Copy link

  From chat support for anyone:
  If you mention the theme (Big Brother), and what you’re hoping to achieve (i.e. I’d like to use CSS to position the search widget below the header but above the content), someone will respond with the exact snippet of code to use.

• 

  thesacredpath · Member · Aug 15, 2016 at 11:54 pm

  • Copy link

  Hi there, let’s start with this and see what you think. Paste this into your custom CSS below all other CSS you have in there.

  .site-content {
      position: relative;
  }
  #search-1 {
      position: absolute;
      top: 0;
      left: 0;
      margin-top: 30px;
      width: 70%;
  }
  .primary {
      padding-top: 120px !important;
  }
  #search-1 input[type="search"] {
      width: 100% !important;
  }
  #search-1 .widget-title {
      display: none;
  }
  @media screen and (max-width: 959px) {
  	#search-1 {
  		width: 100%;
  	}
  }

• 

  absorbingthevista · Member · Aug 16, 2016 at 2:01 am

  • Copy link

  that worked! thank you!

• 

  thesacredpath · Member · Aug 16, 2016 at 6:04 am

  • Copy link

  You are welcome.