Following up from WordPress #4: Create a constant footer on every page on WordPress, add new menu.
Appearance >> Menus >> Create a new menu. Repeat 3x because 3 columns.
On functions.php add the following,
function mytheme_register_nav_menus() {
register_nav_menus( array(
'primary' => __( 'Primary Menu', 'Custom Menu' ),
'footer' => __( 'Footer Menu', 'Custom Menu' ),
'footer-mid' => __( 'Footer (Middle)', 'Custom Menu' ),
'footer-right' => __( 'Contact', 'Custom Menu' )
));
}After creating the menus, Manage Locations >> select the relevant one >> Save Changes.
Go to Menu Structure tab >> Menu Settings >> select the relevant one >> Save.
On footer.php add the following,
<div class="col-md-4" style="background-color: purple">
<a class="navbar-brand mb-0 h1" href="/">By am</a>
<?php $args1 = array(
'container_class' => 'footer-nav-one',
'theme_location' => 'footer' );
wp_nav_menu($args1);
?>
</div>
<div class="col-md-4 pt-3" style="background-color: pink">
<a class="footer pl-2 pt-1">Other Projects</a>
<?php $args2 = array(
'container_class' => 'footer-nav-two',
'theme_location' => 'footer-mid' );
wp_nav_menu($args2);
?>
</div>
<div class="col-md-4 pt-3" style="background-color: yellow">
<a class="footer pl-2 pt-1">Contacts</a>
<?php $args3 = array(
'container_class' => 'footer-nav-three',
'theme_location' => 'footer-right' );
wp_nav_menu($args3);
?>
</div>