<?php $label = get_theme_mod( 'header_button_label', 'Purchase Now' ); $url = get_theme_mod( 'header_button_url' ) ; ?> <div class="container"> <div class="col flex-fill px-0 d-flex justify-content-between"> <?php the_custom_logo(); ?> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".navbar-collapse" aria-expanded="false" aria-label="Toggle navigation"> <svg class="icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3 17C3 17.5523 3.44772 18 4 18H20C20.5523 18 21 17.5523 21 17V17C21 16.4477 20.5523 16 20 16H4C3.44772 16 3 16.4477 3 17V17ZM3 12C3 12.5523 3.44772 13 4 13H20C20.5523 13 21 12.5523 21 12V12C21 11.4477 20.5523 11 20 11H4C3.44772 11 3 11.4477 3 12V12ZM4 6C3.44772 6 3 6.44772 3 7V7C3 7.55228 3.44772 8 4 8H20C20.5523 8 21 7.55228 21 7V7C21 6.44772 20.5523 6 20 6H4Z" fill="#212529" /> </svg> </button> </div> <div class="collapse navbar-collapse col px-0 px-lg-2 flex-fill"> <div class="py-2 py-lg-0"> <?php if ( has_nav_menu( 'primary' ) ){ wp_nav_menu( array( 'theme_location' => 'primary', 'depth' => 4, 'container' => false, 'container_class' => false, 'menu_class' => 'navbar-nav', 'menu_id' => false, 'items_wrap' => '<ul class="%2$s">%3$s</ul>', 'walker' => new WP_Bootstrap_Navwalker() ) ); } ?> </div> </div> <div class="collapse navbar-collapse justify-content-end col flex-fill px-0"> <?php if( $label && $url ) : ?> <div class="collapse navbar-collapse justify-content-end col flex-fill px-0"> <a href="<?php echo esc_url( $url ); ?>" class="btn btn-primary ml-lg-3"><?php echo wp_kses_post( $label ); ?></a> </div> <?php endif; ?> </div> </div>