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

WP SITES

2665

Original Genesis Tutorials & 5000+ Guaranteed Code

Snippets

  • Support
  • Newsletter
  • Videos
  • Log in

Premium Member? - Request custom code

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

Grid Columns Header Image Nav Menu

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

PHP Code

template_include

get_body_class

if else

array

class_exists

foreach

sprintf

add_action

printf

variable

Advertise · WPEngine · Genesis · Log in

  • How Premium Membership Works
  • Sign Up
  • Support
  • Subscription Details/Invoice
  • Tagged Tutorials
  • Access-Download Problems