How to add a Menu to WordPress Theme Footer ?

Solution:

If you customize the default them of wordpress

Go to the function.php and find the line code –

register_nav_menus( array(
	'primary' => __( 'Primary Navigation', 'twentyeleven' ),
) );

Replace By – [N.B – You need to follow the theme name that will be change your theme name respective. I have use here for “twentyeleven” ]

register_nav_menu( 'primary', __( 'Primary Menu', 'twentyeleven' ) );
register_nav_menu( 'footer', __( 'Footer Menu', 'twentyeleven' ) );

Goto footer.php and add the following code where you want to show the footer menu.

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

Now we need to adjust css respective our design.

Goto style.css and paste it.

.ftr_menu{ display: block; width:960px;}
.ftr_menu ul { display:inline; float:right;}
.ftr_menu li { list-style-type: none; display: inline; font-size: 12px; }
.ftr_menu li a {
	color:#000;
	line-height:15px;
	text-decoration:none;
	font-weight:normal;
	border-right: thin solid #000;
	padding: 0 7px 0 3px;
}
.ftr_menu li a:hover { color:#ccc; text-decoration:underline;}
.ftr_menu li:last-child > a {border-right: none;} /* remove pipe from last item */

Leave a Reply

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


*