The code in this download folder is an update to this older Javascript solution which uses pure CSS and no Javascript. The solution uses
Search
Tutorials in this archive contain code which enables you to add, edit, customize, style or modify a search form, search results 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.
Animated Search Form In Header Right Widget – Genesis Sample Theme
The 2 solutions in this tutorial add back the header right widget area and also includes code to vertically align the search widget in this
Use Custom Field Content For A Custom Post Type In Genesis Search Results
This code enables you to alter the content shown on the search results page in Genesis child themes. In this example, the default content is
3 Ways To Add Search To Academy Pros Nav Menu
This tutorial contains a download folder which includes 3 different code snippets providing 3 different ways to add a search form in the
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: Update : Here's a newer solution which uses
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 show