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

Was This Tutorial Helpful?

Free

$0

Access only to all free tutorials per month.



Monthly

$75

Access to 10 premium tutorials per month.


Tutorial Request


Includes code guarantee and coding support.

Yearly

$500

Access to 15 premium tutorials per month.


Monthly Tutorial Request


Includes code guarantee and priority coding support.