This code adds the WooCommerce cart icon with the total amount of items and price to a navigation widget in the before header utility
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.
Menu Logo Menu Using CSS Grid In Newer Versions of Genesis Sample Theme
This tutorial adds a custom left and right menu that work with your custom logo and display inline using CSS grid. If you're using a new
Add SVG Icons To Custom Nav Menu In Genesis
This code enables you to add simple SVG icons to a custom nav menu named Social in any Genesis child theme. The code is written to detect
Display Search Inline With Genesis Responsive Mobile Menu When Toggled Open
By default, the search form, when added to the nav menu, is displayed within the drop down menu when toggled open. The solution available in
How To Modify The Responsive Menu Text In Genesis
This simple solution enables you to change the name of the responsive menu from the default text which is MENU to something else. All you
Add Header Right Widget & Full Width Menu In Genesis Sample Theme
The code in this download folder adds the header right widget area back to the Genesis Sample child theme and also repositions the primary
Hide Genesis Responsive Menu On Menu Item Click
This solution enables you to hide the Genesis responsive menu when any menu item in the drop down toggle menu is clicked. Once the menu item
Menu Logo Menu In Old Versions of Genesis Sample Theme 2.2.4
The code in this download folder creates a menu logo menu in the header of version 2.2.4 of the Genesis Sample theme. Note : This solution
Essence Pro Logo Menu Search Perfectly Inline
This CSS enables you to display your logo, menu & search form inline like this : You can also display the header elements in any
Menu Logo Menu In Essence Pro
This solution enables you to modify the default Essence Pro site header elements to display a menu logo menu like this : Centers either
Uncombine Genesis Responsive Menu
This solution enables you to uncombine menus which display in the responsive toggle menu. By default, the Magazine Pro child theme combines
Menu Logo Menu For Twenty Nineteen Theme
The solution in this download folder enables you to create a split menu which displays menu logo menu in non Genesis themes. In this case,
Menu Logo Menu Using CSS Grid In Parallax Pro
The solution in this download folder enables you to display the primary menu to the left, the header image in the middle and the secondary
Align Logo Left With Menu Right In Essence Pro
This tutorial shows you how to reposition the primary nav menu to the right inline with the custom logo on the left using the Essence Pro
Install Max Mega Menu in Custom Theme Location Using PHP Function Call
This tutorial provides the steps which enable you to add a mega menu to any Genesis hook position in any Genesis child theme. You can also
Make The Footer Menu Responsive In Genesis Sample Theme Version 3.1.0
The solution in this download enables you to make the secondary menu in the footer responsive in the same way as the primary menu. Demo
Reposition Genesis Responsive Menu Icon Before Site Title On Mobiles
The code in this download folder enables you to change the position of the responsive menu icon from the default position after the title
Toggle Search Bar Over Site Header Menu In Genesis Child Themes
The code in this download folder enables you to add the search bar from the Monochrome Pro child theme to any other Genesis child
Menu Logo Menu In Genesis Sample Themes Header
This solution adds left and right menus inline with your custom logo like this : Tested using version 2.10 of the Genesis Sample child
Image Behind Header & Menu In Genesis Sample Theme
This code adds a field to the Customizer enabling you to upload a full width header image. The image displays behind the site header and
You must be logged in to post a comment.