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 […]
Search Results for: navigation
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 […]
Fixed adjacent posts navigation on scroll in Genesis
In the Genesis Facebook group Amanda asks, Any genesis tutorials out there for an entry pagination that appears upon scroll to the right and left of the page like this: https://mixandmatchmama.com/2017/11/rainy-day-closet/ but maybe halfway down the page instead of up at top? Just wondering if a ‘on-scroll’ javascript could be tied to Sridhar’s tutorial https://sridharkatakam.com/adjacent-entry-navigation…/ […]
How to move Header Image into Primary Navigation in Magazine Pro
This tutorial provides the steps to: remove site header add custom header image in the primary navigation menu in Magazine Pro. Before: After: Step 1 If you have not already, upload/select your desired logo image in the Customizer in the “Header Image” section. Step 2 Add the following in Magazine Pro’s functions.php: // Remove Site […]
custom page template using secondary navigation
I’m unable to find a tutorial on this but I need to remove the primary navigation on a custom page template and either re-position the secondary navigation to the primary navigation position OR have a custom navigation where I can style the navigation and sub-navigation to different colors.
Inline Site Header and Primary Navigation in Pretty Creative
In Pretty Creative theme, the Primary Navigation menu is moved above the site header out of the box. In this tutorial, I share the steps to wrap the site header and primary nav in a custom div and float site header to left and primary nav to the right on desktops. We shall also make […]
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 […]
Previous and Next Page Navigation for subpages in Genesis
In the comments section of Previous and Next Post Navigation within the same Category in Genesis, a user asked: Is it possible to add next / previous links to all child pages of a parent page? As with most things in WordPress and Genesis, the answer is yes. In this tutorial, I show how Ambrosite […]
Slide In Primary and Secondary Navigation
Hi Sridhar, I love the menu on this site https://shineunited.com/work/wisconsin-cheese and would like to recreate it. Would it be easy to do in Genesis? Thank you, Sid
[Functionality Theme] Shrinking Sticky Header with Split Navigation
Split Navigation with menu items on logo’s left and right in Genesis tutorial is now available as a functionality theme. Get it here.
Recent Comments