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.
Here’s what the code produces when added to the Genesis Sample themes functions file:
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: