≡ Menu

[How-To Guide] Move Navigation Menu Above Header In Genesis Theme Framework

Genesis Theme Framework is one of the most widely used Theme Framework to develop or customize WordPress powered websites. The best thing I like about Genesis Theme Framework is that it comes with multiple layout options for each page, posts, handy collection of widgets, built-in SEO options, 40+ custom coded hooks and many more. In addition to this, this theme framework comes with 38+ child themes and that too free if you purchase a Pro-Plus package and all future child themes for free they release in future. If you have not get your copy of Genesis Theme Framework, then get it right now:

Sign-Up Link for Genesis Theme Framework

Already, I have shared few tutorials on Genesis Theme Framework and continuing in same series, in this post I’m sharing a new tutorial which allows you to place Navigation Menu above header. Like other tutorials, this is also a step-by-step guide tutorial. themedy-thesis-skins-and-genesis-child-themesStep1: First log-in into wp-admin panel, scroll down and click on “Editor” as shown below:

place-navigation-menu-header

Step2: When you click on “Editor”, a new window open as shown below. Now click on “functions.php”.

place-navigation-menu-header1

Step3: When you click on “functions.php”, a new window open as shown below.

place-navigation-menu-header2

Step4: Now copy this code:

// Reposition the Primary Navigation
remove_action(‘genesis_after_header’, ‘genesis_do_nav’);
add_action(‘genesis_before_header’, ‘genesis_do_nav’);

Step5: After copying above code, paste this code in “functions.php” file and click on “Update file” button as shown below:

place-navigation-menu-header3

Step6: Congratulations, you have successfully moved the Navigation Menu above header.

If you have any query let me know via comments and do not forget to follow WebGuide4U on Twitter for more updates on Genesis Tutorials.

If you’ve not get your copy of Genesis Theme Framework, then get it right now:

Sign-Up Link for Genesis Theme Framework

genesis-theme-framework

{ 0 comments… add one }

Leave a Comment

More in Genesis, How-To (77 of 240 articles)