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

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

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

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