This CSS enables you to change the hamburger icon for the responsive menu when clicked without using jQuery. Add the following CSS rule
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 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
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
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
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
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
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
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
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
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
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
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
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
Add Any Facebook Social Button In Any Nav Menu of Any Theme
This code enables you to display any type of Facebook button in any navigation menu of any WordPress theme. There's 3 steps : Step
Change Nav Menu For Specific Page In Any Theme
This PHP code enables you to change the primary nav menu for any permalink slug or i.d. 1. primary - This is the Theme Location the
Adding Additional Nav Menu’s in Genesis
By default, Genesis only supports 2 navigation menus. But what about adding a third or fourth menu? Here's the code which goes in your
Changing The Color Of Each Nav Menu Item
Ever tried to change the color of your nav menu items? Interested in changing the background color of each item? How about the hover color
How To Make Your Nav Menu Sticky
There's many ways to make your nav menu sticky. The easiest way is to use pure CSS code. You could also install a plugin or use a
Different Nav Menu For Logged In Members & Logged Out Visitors
If you're using WordPress as a membership site, you may want to display a special navigation menu to logged in members. There's different
Display Different Nav Menu’s
Another benefit of using the Genesis framework is the custom plugins developed specifically for this theme. If you want to display a