Adding search bar to top of front page

• 

  stemadvocacygroup · Member · Apr 11, 2017 at 9:56 pm

  • Copy link
  • Add topic to favorites

  Hello
  I would like to add a search bar to the top of my front page. i have access to the CSS editor. Any ideas how to do it without significantly affecting the rest of the site and front page?

  Thx

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

• 

  assadaboultaif · Member · Apr 11, 2017 at 10:06 pm

  • Copy link

  Hi,

  To setup a Search Bar for your site you may follow the instructions in the following link : Search Widget

  However, you may try to find a theme with built in search bar since some themes have a search bar built into the header.

  Let me know how it goes!

• 

  stemadvocacygroup · Member · Apr 12, 2017 at 4:46 am

  • Copy link

  I tried to add the following code to the CSS for adding a search bar on to the top of the front page.

  No luck… what else can i try? i just want to have a clean search bar up top.

  @media screen and (min-width: 768px) {
  #page {
  position: relative;
  }
  #tertiary .widget_search {
  position: absolute;
  top: 120px;
  right: 0;
  margin-right: 50px;
  }
  }

• 

  thesacredpath · Member · Apr 13, 2017 at 4:43 am

  • Copy link

  Hi there, with Dyad 2, due to the way the HTML and CSS are structured the code we would have to use to move the search widget up into the header area completely breaks the bottom of the site and all of the other widgets end up disappearing.