• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2785

Original Genesis & WooCommerce Tutorials & 6000+ Guaranteed Code

Snippets

  • Try Premium
  • Log in

Add Logo In Nav Menu in Genesis

This tutorial shows you how to add an image to the left of the primary nav menu in any child theme by StudioPress.

The method should work on other child themes however may need some tweaking of the CSS values.

You’ll find 2 methods in this post:

  1. The 1st adds an unlinked image before the menu and includes the full image link in the code. Tested on the Enterprise Pro theme
  2. enterprise-pro

  3. The 2nd adds a linked image before the menu and pulls the image from your child themes images folder. Tested on the Agency Pro theme.
  4. agency-pro

The PHP code and CSS for both methods are different.

Here’s the code:

Register for full access

Related Tutorials

  • Add Image To Nav Menu Using Customizer
  • Add Custom Logo In Menu of Magazine Pro Theme

Custom Logo Header Image Magazine Pro Theme Nav Menu

Reader Interactions

Comments

  1. Lobsang Wangdu says

    November 20, 2021 at 12:39 am

    Hi Brad,

    I would like to add a logo left side of nav-primary area on the Genesis sample theme. I have try to use your above code but didn’t work. Do you have any other code that I can use?

    Thank you,

    Lobsang

    Log in to Reply
    • Brad Dalton says

      November 20, 2021 at 6:13 am

      Dear Lobsang. Works when i re-test the code. Maybe you have the minification problem with your CSS again or you forgot to swap out the link to your logo in the PHP code. See the video which shows how to install the code

      https://youtu.be/PHOw1yzqEl4

      If you’re still having issues, send me FTP access and i’ll install the code for you!

      Log in to Reply
      • Lobsang Wangdu says

        November 20, 2021 at 3:16 pm

        Thank you Brad!

        First tried your sound option “linked image” that didn’t work some reason but the first option works great. Thank you for your help!

        Lobsang

        Log in to Reply
        • Brad Dalton says

          November 20, 2021 at 5:18 pm

          Tested both and they both work however you must swap out the path to the image in the PHP code. Maybe you missed that?

          Log in to Reply
  2. Edward Labuschagne says

    April 17, 2019 at 7:12 am

    I’m using news pro and want to get the logo in the secondary menu that displays at the top.

    Would the code then be: if ( ‘secondary’ != $args->theme_location ) ?

    Log in to Reply
    • Brad Dalton says

      April 17, 2019 at 8:49 am

      Yes, and then add/tweak the CSS based on the size of your logo.

      Log in to Reply
      • Edward Labuschagne says

        April 18, 2019 at 1:06 am

        Hi Brad,

        I decided to stick to the primary using this code:

        However, the logo does not appear and I don’t see any output in the HTML either, could you possibly help? Site is: https://sapigeon.co.za/

        Could it be because WordPress is installed in a subfolder and not directly in public_html?

        Log in to Reply
        • Brad Dalton says

          April 18, 2019 at 3:26 am

          Assumes the path to the image is your child themes images folder. You can send me access details and i’ll fix if you can’t.

          Log in to Reply
          • Edward Labuschagne says

            April 18, 2019 at 6:04 am

            Awesome! I’ll message you on facebook.

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.