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

WP SITES

2665

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.

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

Custom Logo Essence Pro Theme Nav Menu

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

Magazine Pro Theme Nav Menu

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

Grid Columns Nav Menu

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

Grid Columns Nav Menu

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

Nav Menu

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

Header Image Nav Menu

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,

Nav Menu

Change Genesis Mobile Menu Icon When Toggled

This CSS enables you to change the hamburger icon for the responsive menu when clicked without using jQuery. Add the following CSS rule

Nav Menu

Add Logo In Menu of Magazine Pro Theme

The solution in this tutorial enables you to display your logo inline with your nav menu items like you see in the following screenshot

Custom Logo Magazine Pro Theme Nav Menu

Hide Empty Categories From Genesis Nav Menu (2 Methods)

This code will work in any theme and is tested using the Genesis Sample child theme by StudioPress. The code removes all categories from any

Nav Menu Taxonomy Terms

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

Nav Menu Site Description WooCommerce

Add Custom Menu To Specific WooCommerce Pages Only

If you're selling from your WordPress site using Woocommerce, you might want to add an additional nav menu which only displays on

Nav Menu WooCommerce

Add Left Side Push Menu Widget in Genesis

This code enables you to add a left side widget area which pushes the content to the right when open. Update : You might find this new

Nav Menu

Slide In Side Menu In Genesis

This code enables you to achieve the slide in menu effect in any theme. Update : Here's a newer/different method which you may find easier

Accordion & Toggle Nav Menu

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

Nav Menu Search

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

Nav Menu

Different Nav Menu On Front Page

This code enables you to display a different menu on your front page. The code is written to change the primary menu on the front page

Nav Menu

Genesis Mobile Responsive Nav Menu

The code in this tutorial not only makes any genesis navigation menu mobile responsive, it also adds responsive sub menu indicators using

Nav Menu

Add Login Logout Link To Any Nav Menu

In this tutorial, i'll provide the PHP and in some cases a small amount of CSS which enables you to add a login and logout link to any

Nav Menu

Add Drop Down Indicators To Nav Menu Items Using Dashicons

In this tutorial, i'll give you 4 code snippets to choose from which add drop down indicators to nav menu items. The indicators use

Nav Menu

  • « Go to Previous Page
  • 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