• 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

Menu Logo Menu In Old Versions of Genesis Sample Theme 2.2.4

The code in this download folder creates a menu logo menu in the header of version 2.2.4 of the Genesis Sample theme.

Note : This solution will NOT work in newer versions. See the related posts at the end of this post for links to solutions which work with other themes.

Menu Logo Menu Genesis Sample Theme Header

Demo Video

Shows the primary and secondary menus renamed to left and right and repositioned into the header displaying to the left and right of the header image.

Tested using the Genesis Sample child theme by StudioPress, version 2.2.4. May work on other older versions of the Genesis Sample child theme.

Installation Steps

There’s 3 steps :

  1. # Modify the PHP code between lines 81 – 94 as seen in the following screenshot and the code in the functions.php file
  2.  

    Step 1

  3. # Upload the responsive-menus.js file to the js folder replacing the default responsive-menus.js file.
  4.  

    Step 2

  5. # Copy & paste the CSS from the style.css file to the end of your style sheet and clear caching.
  6.  

    Step 3

Download Folder

Related Tutorials

  • Menu Logo Menu In Essence Pro
  • Menu Logo Menu Using CSS Grid In Parallax Pro
  • Menu Logo Menu In Genesis Sample Themes Header

CSS Grid Columns Header Image Nav Menu

Reader Interactions

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.