Sridhar Katakam

Genesis and WordPress Tutorials

Header Search in Business Pro

by 1 Comment

This tutorial provides the steps to add a magnifying glass search icon at the right of Primary nav menu in Business Pro, which when clicked, will show a search box covering the entire site header based on the code from Monochrome Pro.

Screenshots:

Note: Assumes that Header Right widget area is not populated.

Tested in Business Pro 1.0.6.

Step 1

At Appearance > Widgets, ensure that there is no widget inside the Header Right widget area.

Step 2

Replace the entire content of js/business-pro.min.js with

To view the full content, please sign up for the membership.

Already a member? Log in below or here.

    • >