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

WP SITES

2662

Original Genesis Tutorials & 5000+ Guaranteed Code

Snippets

  • Support
  • Newsletter
  • Videos
  • 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.

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

Nav Menu Simple Social Icons

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

Magazine Pro Theme Nav Menu

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

Essence Pro Theme Nav Menu

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

Grid Columns Nav Menu

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

Accordion & Toggle jQuery Scroll Nav Menu

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

Grid Columns Header Image Nav Menu

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

Custom Logo Essence Pro Theme Grid Columns Nav Menu Search

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

Custom Logo Essence Pro Theme Gutenberg Nav Menu

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

Magazine Pro Theme Nav Menu

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,

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

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

  • Go to page 1
  • Go to page 2
  • Go to page 3
  • Go to page 4
  • Go to Next Page »

Primary Sidebar

PHP Code

template_include

get_body_class

if else

array

class_exists

foreach

sprintf

add_action

printf

variable

Advertise · WPEngine · Genesis · Log in

  • How Premium Membership Works
  • Sign Up
  • Support
  • Subscription Details/Invoice
  • Tagged Tutorials
  • Access-Download Problems