This tutorial provides the steps to add a search form with a Font Awesome’s SVG search icon submit button as the last nav menu item in Genesis. While the tutorial has been written for Genesis Sample 2.8.0, it should work with a few adjustments in any Genesis theme. Step 1 If you have not already, […]
search form
Left aligned Primary navigation and right aligned Search box below header in Genesis
This tutorial provides the steps to add an elliptical search form below the primary nav (in HTML markup), wrap primary nav and the search in a custom div below the site header and style it using Flexbox. Screenshots: We shall use Ionicon’s search font icon for the magnifying glass. At smaller widths, the search box […]
Category Filter Bar in Genesis
In this article we are going to add a Sub Category dropdown, a Monthly Archive dropdown and a Category-specific Search next to each other above the loop on category archives in Genesis. Sub Category filter dropdown will automatically get populated with sub categories of the current category being viewed. Selecting a sub category will work […]
How to set up animated Search form in Genesis
Today a user mailed: I just simply want to add a search feature on the primary menu of my site. I am using Genesis theme and Altitude Pro theme. The site is —-.com. I tried doing it myself, but nothing seems to work… that is how I found your site. I saw your tutorial. I’d […]
Adding Search Form and Simple Social Icons to Primary Navigation in Genesis
To view the full content, please sign up for the membership. Already a member? Log in below or here.
How to make search form input box text go away on focus in Genesis
Click inside the search form when using a Genesis HTML5 child theme and you will see that the placeholder text, “Search this website…” does not go away until the user types at least one character. In my opinion the placeholder text should disappear when the search form’s input field gets focus. In this article I […]
Adding a search form input button icon inside the input box in Genesis
To view the full content, please sign up for the membership. Already a member? Log in below or here.
Recent Comments