Stretch responsive image slider/carousel to full page width?

Question

I am trying to figure out how I can stretch my slider image to the full-page width, but have it also be responsive. I am running on Wordpress and I'm not opposed to using Javascript if necessary. Here is the site: http://cmattayers.com/b2bu/

This is my original mockup, if that helps: https://i.stack.imgur.com/jaOcW.jpg

Answer 1

Pull the slider div at the end but inside just before last </div> of <div class="navbar-header"> it may be found in your header.php if you use a shortcode like [yourslidershortcode] in your page content you have to modify it before post into direct theme header.php put <?php echo do_shortcode( '[yourslidershortcode]' ); ?>

I found the in the site you mentioned

<div class="navbar-header">


 </div><!-- end of #logo -->
 <?php echo do_shortcode( '[yourslidershortcode]' ); ?>
</div>

If the slider show only on home page use below code instead of above

<div class="navbar-header">
</div><!-- end of #logo -->    
<?php
if ( is_home() ) {
  echo do_shortcode( '[yourslidershortcode]' ); 
}
?>
</div>