The solution in this download folder enables you to : Move the primary menu inside the site header Display a image behind
Genesis Nav Menu Tutorials
Tutorials in this archive relate to the customization and modification of nav menus in Genesis using PHP code & CSS. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.
Animated Search Form In Header Right Widget – Genesis Sample Theme
The 2 solutions in this tutorial add back the header right widget area and also includes code to vertically align the search widget in this
Change Screen Width For Showing The Genesis Responsive Menu
The free solution in this download enables you to change when the responsive menu icon displays in the Genesis Sample child theme. In this
Change Logo To Site Title When Responsive Menu Displays & Add Logo To Mobile Menu
This solution replaces your custom logo with the site title at the same time the Genesis responsive menu is displayed. Your logo will then
Menu Bar Before Header Which Displays Smaller Logo On Scroll
The code in this download folder creates a 2nd site header with custom links before the default site header in the Genesis Sample child
Dynamic Genesis Menu For Categories & Tags
This download contains the code which enables you to add new menus for categories and tags. The menus are automatically updated when you
Foodie Pro – Reposition Search Box Before Nav Menu
By default, the search form in Foodie Pro is added after the nav menu items like this. This solution enables you to add the search box
Authority Pro – Remove Social Menu From Specific Pages
This tutorial provides the steps to modify the code so you can conditionally remove the social menu from specific pages in Authority
Add 3rd Menu After Header To Genesis Sample Theme
This code enables you to add a 3rd nav menu after the header and include the menu items with the primary menu items in the responsive drop
3 Ways To Add Search To Academy Pros Nav Menu
This tutorial contains a download folder which includes 3 different code snippets providing 3 different ways to add a search form in the
Genesis Sample Theme – Animated Search Form in Nav Menu
This code adds a animated search box with icon to the Genesis Sample themes nav menu. In this case, the menu is hooked inside the header so
How To Modify The WordPress Navigation Menu Widget
This tutorial provides the code which enables you to modify the default output for the Navigation Menu widget included in all WordPress
Add WooCommerce Cart Count & Total Price To Genesis Nav Menu
This code adds the cart count & total price to the nav menu in Lifestyle Pro. The solution uses Dashicons which modern HTML 5 Genesis
Add Facebook Like Button Beside Site Title In Genesis
This solution displays your Facebook like button inline with the Genesis site title like this : Tested using the Genesis Sample child
Always Display Genesis Responsive Menu
This tutorial provides the solution which enables you to display the Genesis Sample child themes mobile menu at every screen width. By
5 Ways To Add Login & Logout Links To Any Genesis Nav Menu
These solutions enable you to display a login or logout link in any Genesis nav menu. If logged out, a login link displays. If logged in
Sub Menu Not Working In Genesis Child Themes
A member asked this question : no matter what I do, I cannot get the submenu to appear Answer : The reason for this might be, some
Drop Down Search Toggle in Header Nav Menu With Magnifying Glass Icon
This code adds the Magnifying Glass Icon for the drop down search form to the header menu. In this case, the secondary menu is
Replace Menu Item Text With Image
This CSS removes the text from each primary nav menu item and replaces it with a background image which is linked to the menu item URL like
Add Search With Icon To Mobile Menu In Essence Pro
This tutorial provides the solution which enables you to add the search field with icon to the start of the mobile drop down menu in the