• 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.

Genesis Sample Theme – Animated Search Form in Nav Menu

This code adds a animated search box with icon to the Genesis Sample themes nav menu. In this case, the menu is hooked inside the header so

Nav Menu Search

How To Modify The WordPress Navigation Menu Widget

This tutorial provides the code which enables you to modify the default output for the Navigation Menu widget included in all WordPress

Nav Menu

Add WooCommerce Cart Count & Total Price To Genesis Nav Menu

This code adds the cart count & total price to the nav menu in Lifestyle Pro. The solution uses Dashicons which modern HTML 5 Genesis

Lifestyle Pro Theme Nav Menu WooCommerce

Add Facebook Like Button Beside Site Title In Genesis

This solution displays your Facebook like button inline with the Genesis site title like this : Tested using the Genesis Sample child

Nav Menu

Always Display Genesis Responsive Menu

This tutorial provides the solution which enables you to display the Genesis Sample child themes mobile menu at every screen width. By

Nav Menu

5 Ways To Add Login & Logout Links To Any Genesis Nav Menu

These solutions enable you to display a login or logout link in any Genesis nav menu. If logged out, a login link displays. If logged in

Nav Menu

Sub Menu Not Working In Genesis Child Themes

A member asked this question : no matter what I do, I cannot get the submenu to appear Answer : The reason for this might be, some

Nav Menu

Drop Down Search Toggle in Header Nav Menu With Magnifying Glass Icon

This code adds the Magnifying Glass Icon for the drop down search form to the header menu. In this case, the secondary menu is

Enterprise Pro Theme Nav Menu Search

Replace Menu Item Text With Image

This CSS removes the text from each primary nav menu item and replaces it with a background image which is linked to the menu item URL like

Infinity Pro Theme Nav Menu

Add Search With Icon To Mobile Menu In Essence Pro

This tutorial provides the solution which enables you to add the search field with icon to the start of the mobile drop down menu in the

Essence Pro Theme Nav Menu Search

Add Search Form To Mobile Menu in Genesis

This code enables you to add a search form before the primary nav menu items in the mobile menu like this : The download folder for

Essence Pro Theme Nav Menu Search

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 the

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

CSS 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

CSS 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

  • « 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.