• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2784

Original Genesis Tutorials & 6000+ Guaranteed Code

Snippets

  • Consultation
  • Full Access
  • Log in

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 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,

CSS Grid Columns Header Image Nav Menu Twenty Nineteen Theme

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

CSS Grid Columns Header Image Nav Menu Parallax Pro Theme

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

Custom Logo Essence Pro Theme Nav Menu

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

Nav Menu

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

Nav Menu

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

Minimum Pro Theme Nav Menu

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

Accordion & Toggle Nav Menu Revolution Pro Theme Search

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

Custom Logo Header Image Nav Menu

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

Header Image Nav Menu

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

Header Image Metro Pro Theme Nav Menu

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

Nav Menu Search

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

Nav Menu

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

Custom Logo Nav Menu

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

Custom Logo jQuery Scroll Nav Menu

Dynamic Genesis Menu For Custom Taxonomy Terms

The code in this previous tutorial, enables you to create a custom post type with support for creating custom taxonomy terms. The code in

Custom Post Type Nav Menu Taxonomy Terms

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

Nav Menu Taxonomy Terms

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

Foodie Pro Theme Nav Menu

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

Authority Pro Theme Nav Menu

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

Nav Menu

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

Academy Pro Theme Nav Menu Search

  • « Go to Previous Page
  • Go to page 1
  • Go to page 2
  • Go to page 3
  • Go to page 4
  • Go to page 5
  • Go to Next Page »

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.