Menu Logo Menu in Genesis Header

This tutorial provides the code which enables you to display split menu’s to the left and right of your logo in your themes header.

The logo can be added via the customizer.

Basically, this code generates a widget – logo/title – widget and uses the WordPress custom menu widget in each widget area.

Update : Try this newer version if using Genesis version 3.0 or newer and version 2.10 or newer of the Genesis Sample child theme.

Here’s what the code produces when added to the Genesis Sample themes functions file:

Video Demo

The code enables you to:

• Set a default logo added to your child themes images folder
• Add a logo from your Media Library or upload a new image
• Link your logo to any URL on your site or externally
• Set a default width & height for your header image as well as style & position your logo using CSS
• Replace the custom menu widgets with any type of widget
• Display the site title & description if no logo image has been added to the customizer

Here’s the code for logged in members:

Related Tutorials

• Menu Logo Menu Using CSS Grid In Parallax Pro
• Menu Logo Menu In Genesis Sample Themes Header
• Essence Pro Menu Logo Menu
• Genesis Custom Menu – Logo – Custom Menu
• Add 3 Header Images Via The Customizer in Genesis