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, […]
wp_nav_menu_items
Inline logo, primary nav and widget area in Genesis
This tutorial provides the steps to relocate the primary nav to in between site title and header right widget area in Genesis and customizing the CSS to display these inline incl. in mobile view. We are going to set up custom image logo instead of the background custom header remove the primary navigation menu from […]
How to add a button to Primary navigation that opens full screen widget area in Genesis
In the past, I wrote about Infinity Pro’s Offscreen widget area in any Genesis child theme. In this tutorial, we shall adapt Infinity Pro’s Offscreen widget area in News Pro. We are going to add a font icon button at the end of Primary navigation’s menu which when clicked will open the widget(s) in a […]
How to add an expandable search icon to the navigation in Infinity Pro
Updated on May 16, 2018 In Genesis Facebook group a user asked: How do you add a search form to your Genesis theme (in your nav bar)? (I googled the same question and a whole lot of different answers came up). I read that this used to be included and now you can add some […]
Expanding Search Bar by Codrops in Genesis
In this tutorial I show how Expanding Search Bar can be implemented in Genesis. We are going to add a mobile-friendly flyout search box in Primary Navigation. Initially only the magnifying glass icon will be shown which when clicked, smoothly opens to its left to show the search box. After typing a search term, users […]
Recent Comments