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

WP SITES

2785

Original Genesis & WooCommerce Tutorials & 6000+ Guaranteed Code

Snippets

  • Try Premium
  • Log in

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.

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

Header Image Search

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

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

Nav Menu Search

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

Search

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

Search

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

Search

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

Search

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

Search

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

Search

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

Search

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

Search

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

Search

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

Search

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

Search

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

Search

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

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

Search

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

Search

  • « Go to Previous Page
  • Go to page 1
  • Go to page 2

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.