Add custom footer menu in WordPress Theme

Add custom footer menu in WordPress Theme

Many wordpress themes don’t have the custom menu for the footer, so in this tutorial I will show you that how can we add custom footer menu in WordPress Theme.
In this tutorial you will edit the functions.php file, footer.php & style.css files.

1. Go to functions.php file & register your footer menu like this

function register_main_menus() {
			'primary-menu' => __( 'Primary Menu' ),
			'footer' => __( 'Footer Navigation')

Most likely you will only have ‘primary-menu’ => __( ‘Primary Menu’ ) in your function. Just add ‘footer’ => __( ‘Footer Navigation’) to it.

2. Now go to footer.php & add bellow code to it.

<div class="footerMenu">
	 <?php wp_nav_menu( array( 'theme_location' => 'footer' ) ); ?>  

3. Add style to style.css

.footerMenu{ display: block; width:960px;}
	.footerMenu ul { display:inline; float:right;}
	.footerMenu li { list-style-type: none; display: inline; font-size: 10px; }
	.footerMenu li a {
	    border-right: 1px solid #000;
	    padding: 0 5px 0 5px;
	.footerMenu li a:hover { color:#black;}
	.footerMenu li:last-child > a {border-right: none;} /* remove pipe from last item */

Now its done, footer menu is configured.

Now lets see how we will create a menu for footer.

1. Go to Appearance => Menus.
2. Create Menu called footer menu just like we create normal menu & save it.
3. Set the Footer Menu (you created this with the edit to the functions.php file) on the left side.
Add custom footer menu in WordPress Theme

That’s all now your custom menu will now work in the footer of your theme.
Like this we can create custom menu for any place on our wordpress theme


  • J. Hurst

    all instructions were clear and easy to follow! THANK YOU!!

  • parneet

    thank u so much for this nice solution…
    but one thing i discuss to you we can hold all 3 menu rather than removing the secondary menu with footer menu …you have to put this code in function.php filr thats it and do all the same changes thats mentioned above files …footer.php and style sheet.css

    function register_main_menus() {
    ‘primary-menu’ => __( ‘Primary Menu’ ),
    ‘secondary-nav’ => __( ‘Secondary Nav’,'themejunkie’ ),
    ‘footer’ => __( ‘Footer Navigation’)

  • Ted

    Great instructions. Tried a few things but how can I modify the colors?


  • shk

    how can i add footer menu in twenty twelve theme..?