This CSS enables you to display your logo, menu & search form inline like this : You can also display the header elements in any
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 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
Image Behind Header & Menu
The solution in this download folder enables you to : Move the primary menu inside the site header Display a image behind
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