Invested Traveler: Attribution and Menu Footer

Documentation:

HTML:

<!-- Attribution and Menu Footer --> <div id="attribution-footer"> <div class="container"> <div class="row"> <div class="col-md-5"> <p>Copyright © 2016 Invested Traveler | Website by Raindrop <img src="<?php echo get_template_directory_uri(); ?>/library/images/raindrop-white.png" /></p> </div> <div class="col-md-7"> <?php wp_nav_menu( array( 'menu' => 'Footer Menu', 'container' => 'nav', 'container_class' => 'footer-nav', 'theme_location' => 'footer-nav', 'items_wrap' => '<ul>%3$s</ul>' ) ); ?> </div> </div> </div> </div>

CSS:

/* Attribution and Menu Footer */ #attribution-footer { float: left; width: 100%; background-color: #409bc8; padding-top: 10px; p { margin: 0; font-size: 12px; } img { width: 8px; } } #attribution-footer nav ul { list-style-type: none; padding: 0; text-align: right; } #attribution-footer nav li { display: inline-block; padding-right: 10px; margin-right: 10px; border-right: 2px solid white; line-height: 12px; text-transform: uppercase; letter-spacing: 1px; } #attribution-footer nav li:last-child { border: none; padding: 0; margin: 0; } @media (max-width: 992px) { #attribution-footer nav ul { list-style-type: none; padding: 0; text-align: left; margin-top: 5px; } }

PHP:

// Attribution and Menu Footer function register_footer_menu() { register_nav_menu( 'primary', __( 'Footer Menu', 'footer-menu' ) ); } add_action( 'after_setup_theme', 'register_footer_menu' );