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

WP SITES

2665

Original Genesis Tutorials & 5000+ Guaranteed Code

Snippets

  • Support
  • Newsletter
  • Videos
  • Log in

Premium Member? - Request custom code

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 (gse) box correctly.

In this post, i’ve already done that for you so you can simply paste the PHP & CSS code in your child themes files.

Download Code

Screenshot Result – GSE In Twenty Eleven Theme

Here’s what the search box looks like in the primary menu of the Twenty Eleven Default theme for WordPress.

twenty eleven nav menu

If you want to add the search box in another theme, you can however you will need to find the class for the primary nav menu and tweak the CSS code to align your box perfectly.

Search

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

PHP Code

template_include

get_body_class

if else

array

class_exists

foreach

sprintf

add_action

printf

variable

Advertise · WPEngine · Genesis · Log in

  • How Premium Membership Works
  • Sign Up
  • Support
  • Subscription Details/Invoice
  • Tagged Tutorials
  • Access-Download Problems