By default, the Genesis Sample child theme by StudioPress centers the header image only when the header right widget area is inactive. Once
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.
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
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
Genesis Custom Search Results Page
In this post, i'll show you how easy it is to create your own custom search results page template for Genesis. The results page this code
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
Add Google Custom Search In Nav Menu Of Any Theme
Once you work out how to add a widget area in any themes nav menu, you can then simply work out the CSS code to align your Google search
Add Google Custom Search To Genesis Nav Menu
In this tutorial, i'll show you how to add your own Google search box to any Genesis nav menu. For this working example, i'll be using the
Add Search Form To Any Themes Nav Menu
In this tutorial, you'll find several tested PHP code snippets which you can use to display a search form in your navigation menu. You can
You must be logged in to post a comment.