Adding search form widget to primary/top navigation bar

• 

  jenmackintosh · Member · Feb 10, 2014 at 1:51 am

  • Copy link
  • Add topic to favorites

  I was wondering if it would be possible to add the simple search form widget to the top navigation bar of my blog? If so, I would so appreciate the CSS to be able to do that since it’s not an option to add it there through the normal widgets options.

  Thanks.

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

• 

  thesacredpath · Member · Feb 10, 2014 at 5:12 am

  • Copy link

  On fixed width themes with an overall container div around the content, this can be done using position absolute on a search widget in the footer sidebar, but on themes such as Triton Lite, it doesn’t work since it has no overall container div. That means that the repositioned widget floats in relationship to the content and is only fixed in relationship to the browser window. You can add the following code and see what I mean by narrowing and widening your browser window.

  #search-3 {
      position: absolute;
      top: 42px;
      right: 10%;
  }
  #search-3 .widgettitle {
      display: none;
  }

  If you decide to use the code, you can add an additional search widget to the footer sidebar if you wish.

• 

  jenmackintosh · Member · Feb 11, 2014 at 2:35 am

  • Copy link

  Thanks for the explanation.

• 

  thesacredpath · Member · Feb 11, 2014 at 2:39 am

  • Copy link

  You are welcome.