jcadima
8/21/2015 - 9:42 PM

Featured Image covering header

Featured Image covering header

<body <?php body_class(); ?>>

<?php global $post; 
$src = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), array( 5600,1000 ), false, '' );	
?>

<div class="banner" style="background: url(<?php echo $src[0]; ?> );background-size: cover;">
	    	    
		<div class="top">	    
			<div class="container">
				<nav class="navbar" role="navigation">
				  <div class="container-fluid">
				    <!-- Brand and toggle get grouped for better mobile display -->
				    <div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
				      <a class="navbar-brand" href="<?php echo home_url(); ?>">
				                <img class="img-responsive hidden-xs" src="http://popwebserver03.com/projects/fiu-extreme/wp-content/themes/poptheme/images/logo.png">
				                	<img class="img-responsive visible-xs" src="http://popwebserver03.com/projects/fiu-extreme/wp-content/themes/poptheme/images/logo-mobile.png">
				            </a>
				    </div>
				
				        <?php
				            wp_nav_menu( array(
				                'menu'              => 'primary',
				                'theme_location'    => 'primary',
				                'depth'             => 2,
				                'container'         => 'div',
				                'container_class'   => 'collapse navbar-collapse',
				                'container_id'      => 'bs-example-navbar-collapse-1',
				                'menu_class'        => 'nav navbar-nav',
				                'fallback_cb'       => 'wp_bootstrap_navwalker::fallback',
				                'walker'            => new wp_bootstrap_navwalker())
				            );
				        ?>
				    </div>
				</nav>
			</div><!-- .container -->
		</div><!-- .top -->
		
		<h2>Research Programs</h2>	
</div><!-- .banner -->