This tutorial provides the code which enables you to modify the default output for the Navigation Menu widget included in all WordPress
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.
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
Add Search Form To Mobile Menu in Genesis
This code enables you to add a search form before the primary nav menu items in the mobile menu like this : The download folder for
Essence Pro Menu Logo Menu & Full Page Hero Image
This tutorial provides the solution which produces exactly what you see in the demo image taken from the local installation used to modify
Add 3rd Nav Menu To Genesis & Combine With Mobile Menu
This code adds a 3rd nav menu to any Genesis child theme. It also adds the 3rd menu to the mobile menu which combines all 3 menus when
Genesis Responsive Menu & Sub Menu Items in Columns
This tutorial provides several solutions which enable you to display both menu items & sub menu items in any number of columns. The code
Change The Order Of Genesis Responsive Menu Items
This solution enables you to re-order each menu item when the responsive drop down menu is displays at screen widths lower than 960px width.
Modify Footer Menu in Genesis Sample Child Theme
If you look in the functions file of the Genesis Sample child theme you'll see the following PHP code. [code] // Rename primary and
Template For Custom Logo & Different Menu
This page template enables you to display a different header image ( logo ) as well as a different menu on any page you select the
Set Custom Menu For Different Pages
The code in this tutorial enables you to display any menu on any page, post, custom post type, custom taxonomy, archive, author, blog,
Show Custom Menu, Title, Tagline & Header Widget On All WooCommerce Pages
This code enables you to display a completely different header area for all your WooCommerce pages. Here's a example showing the default
Search Toggle in Nav Menu With Magnifying Glass Icon
This code adds a search icon to your nav menu and toggles open a search form wich displays below the icon like you see in the following gif
3 Ways To Add Images To Nav Menu Items
This tutorial, written for a member, provides the code which enables you to add images to nav menu items in any WordPress theme. All code