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

WPFeed

  • News
  • Tutorials
    • WordPress Multisite
    • BuddyPress
    • Design
  • Reviews
    • Plugins
  • Roundups
  • Snippets
  • Giveaways
Home » BuddyPress » How to Add Footer Navigation in Genesis Framework (HTML5)

How to Add Footer Navigation in Genesis Framework (HTML5)

By default, Genesis Framework comes with 2 navigations, referred as primary navigation and secondary navigation.

In this tutorial, we’ll show you how to add a footer navigation or menu to your Genesis child theme. Please note that since this is a theme-specific feature, the code below should go into your child theme’s functions.php file. This code assumed that you’re using HTML5 version of Genesis Framework and therefore we’ve also included the schema.org markup to be consistent with other elements in Genesis Framework. If you’re new to Schema.org, we’d suggest reading the article on Yoast.com on the importance of Schema.org.

The first part of the code registers the footer navigation. We intentionally set the depthparameter to 1 to make sure the navigation does not display any dropdown. Since we hook this in genesis_before_footer, the navigation will be displayed before footer credit and after widgetized footer section. Using Genesis Framework, you’re lucky since you can easily reposition it to any desired location using the right Genesis hook.

The second part of the code basically adds the footer nav to the array. Once you have successfully add the code, you may see this from your menu settings page.

footer-navigation

The footer navigation should looks good by default. However, if you’d like to customize it even further, you may target it using .menu-footer class. Also, don’t forget to make use of great tool like Firebug to help you easily inspect any of element of your site.

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

Recent Posts

  • WordPress is a brilliant platform that is loaded with tons of stuff for websites.
  • How to Sync Stock & Price for WooCommerce Products
  • How to migrate a WooCommerce Store to a new site
  • How to Import WooCommerce Products
  • How to export WooCommerce Orders

Copyright © 2023 · WPFeed.com - A Project of TechAbout LLC.

  • About us
  • Advertise
  • Write for us
  • Terms and Conditions
  • Privacy Policy
  • Contact us