Thesis Footer Customization — How To Add Custom Navigation Menu To Footer

Footer is an indispensable area of the website. Just as the header homes the primary navigation, planning to replicate the navigation menu in the footer is also a good idea. It enhances the navigation of your website. When the visitors scrolls all the way down to the footer, give them a chance to review the options to remain on the website. The secondary navigation menu in the footer is what will help your visitors stay on the website. You can do so in two ways.

  1. Primary Navigation: Duplicate your existing navigation menu in the footer. Simply add the following code in your custom_functions.php to replicate the primary navigation in the footer.
    add_action('thesis_hook_footer', 'thesis_nav_menu');
  2. Custom Navigation Menu: Instead of duplicating the menu, create a customized menu to present a useful secondary navigation to the visitors. All you need to do is to register the custom menu and thereafter add the desired items to the newly created menu. To register the menu add the following code in your custom_functions.php.
    register_nav_menu('footer', 'Footer Menu');
    
    function custom_footer_menu() {
      wp_nav_menu(array(
        'container' => '',
        'menu_id' => 'footer_nav',
        'fallback_cb' => 'thesis_nav_menu',
        'theme_location' => 'footer',
      ));
    }
    add_action('thesis_hook_footer','custom_footer_menu');

    Once you have registered the custom menu, go to Appearance > Menu, click the + tab, provide the name for the menu and click “Create Menu”. Add the desired items to the menu and click “Save Menu” to see the custom navigation menu in action.

Having a customized secondary navigation in the footer is one of the ideas for engaging the visitors. Check out the article on effective footers for utilizing the power of the footer.

Divi WordPress Theme