• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2787

Original Genesis & WooCommerce Tutorials & 6000+ Guaranteed Code

Snippets

  • Try Premium
  • Log in

How To Position A Search Form In Any WordPress Themes Nav Menu

Once you’ve added some PHP code in your child themes functions file, you’ll need to position the search form.

Register for full access


To do this, you need to tell the browser exactly which position you want the search form to display.

Here’s some sample CSS code which you can modify depending on which theme you use and where you want your search form positioned.

Note: The following sample CSS may need modifying as all themes are coded differently.

.search {
    position: absolute;
    right: 105px;
    padding-top: 15px;
    width: 360px;
    list-style-type: none;
}

And here’s the result tested on one theme.

add search form to nav menu

This solution may require a bit of work on your behalf when it comes to the CSS as all themes use different code and there’s too many to provide working code for this solution.

Search

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.