add search to navigation bar

• 

  judithheft · Member · Feb 28, 2013 at 4:03 pm

  • Copy link
  • Add topic to favorites

  How can the search bar be added to the navigation menu using CSS? I have the custom upgrade and using the TwentyTen theme.

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

• 

  designsimply · Member · Mar 3, 2013 at 1:22 pm

  • Copy link

  You cannot add new content dynamically using CSS only, however, you can take content from another part of a page and move it. So, what you can do in this case is move the search box from the sidebar to the header using absolute positioning.

  Here is an example that will work for the Twenty Ten theme:

  #wrapper {
  	position: relative;
  }
  
  .widget_search {
  	position: absolute;
  	top: 223px;
  	right: 15px;
  }