This tutorial contains a download folder which includes 3 different code snippets providing 3 different ways to add a search form in the
Search Form
Tutorials in this archive contain code which enables you to add, edit, customize, style or modify a search form or search widget in Genesis child themes. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.
Genesis Sample Theme – Animated Search Form in Nav Menu
This code adds a animated search box with icon to the Genesis Sample themes nav menu. In this case, the menu is hooked inside the header so
Drop Down Search Toggle in Header Nav Menu With Magnifying Glass Icon
This code adds the Magnifying Glass Icon for the drop down search form to the header menu. In this case, the secondary menu is
Menu Title Search In Mobile Genesis Header
This solution enables you to display the toggle menu, site title or header image and search form inline on smaller screens like this
Add Search With Icon To Mobile Menu In Essence Pro
This tutorial provides the solution which enables you to add the search field with icon to the start of the mobile drop down menu in the
Add Search Form To Mobile Menu in Genesis
This code enables you to add a search form before the primary nav menu items in the mobile menu like this : The download folder for
Center Logo Inline With Search Widget
By default, the Genesis Sample child theme by StudioPress centers the header image only when the header right widget area is inactive. Once
Expanding Search Form in Nav Menu
This code enables you to add a expanding search form in the Navigation menu of any WordPress theme. The code is tested in the Genesis Sample
Search Toggle in Nav Menu With Magnifying Glass Icon
This code adds a search icon to your nav menu and toggles open a search form wich displays below the icon like you see in the following gif
Expanding Search In Nav Menu
This code creates a expanded search box which you can use in any menu location like this: Installation Instructions The code is
Genesis Full Screen Slide Down Overlay for Search Box
This sidedown overlay theme includes a widget which displays when you click the search icon on secondary nav menu. Here's the demo
Add Search Box To Menu
This code adds the WordPress search box to either your primary or secondary navigation menu. The code works in any theme however you may
Add Search Form In Any Theme Location
A member asked me how to add a search form after the footer and add back the button to the search form. There's at least 2 ways to add a
HTML 5 Custom Search Form for Custom Post Type
This tutorial includes 2 solutions which enable you to create a custom search form for custom post types. The 1st method filters the
WP Sites Drop Down Nav Menu Search Form
This tutorial shows you how to create a widget area which only opens when you click a link. In this case, the link is added to a nav menu
Add Back Submit Button Inline With Search Form Box In Genesis
This tutorial produces exactly what you see in the screenshots. It is tested on the Eleven40 Pro child theme by StudioPress only. By
3 Ways To Customize Genesis Search Form, Input Box & Button
Most StudioPress child themes include CSS code which hides the submit button for the Genesis search widget. In this tutorial, i'll
Add Expanding Search Box To StudioPress Themes Using CSS
Here's some CSS code which turns the search box in the primary nav menu into a expanding search box. There's 2 steps to make your
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. To do this, you need to
Display Search Box Widget In-Line With Social Icons In Header Right
In this post, i'll give you the CSS code which displays the default search widget inline with the Simple Social Icons in the header right