• 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

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:

menu-logo-menu

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

menu-title-menu

Here’s the code for logged in members:

Register for full access

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

Reader Interactions

Comments

  1. Barb Nagle says

    June 12, 2019 at 10:18 am

    I haven’t been able to get this working with Genesis Sample 2.10.0. The header logo and menus don’t appear at all. Any ideas? Thanks.

    Log in to Reply
    • Brad Dalton says

      June 12, 2019 at 8:24 pm

      I’ll publish a new tutorial for this using the latest version of Genesis Sample 2.10. Done https://wp.me/p1lTu0-ixX

      Log in to Reply
  2. Brian Thomas says

    June 8, 2018 at 7:46 pm

    Ok I see it’s only for the sample theme. Thanks.

    Log in to Reply
  3. Brian Thomas says

    June 8, 2018 at 7:09 pm

    Hello:

    I tried this code on the “Kreativ” theme without success. Should this code work? Thanks.

    Log in to Reply
    • Brad Dalton says

      June 8, 2018 at 7:16 pm

      Should this code work?

      Its been coded to work in the Genesis Sample child theme. You would need a different solution if using another theme.

      The header area in some themes is coded differently.

      Log in to Reply

Leave a Reply Cancel reply

You must be logged in to post a comment.

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.