title: Fancybox full width
body: <p>I'm new to coding and I'm trying to have every fancybox ONLY in my <a href="http://www.watersidedirectors.com/" rel="noreferrer">homepage</a> full width and responsive (<a href="http://www.anonymouscontent.com/" rel="noreferrer">eg</a>) but non of these options have done the job (fitToView, autoSize or aspectRatio).</p>
  
  <p><strong>jQuery</strong></p>
  
  <pre><code>jQuery(document).ready(function() {
  jQuery( "#site-logo" ).click(function( e ) {
      alert( "As you can see, the link no longer took you to jquery.com" );
      jQuery.scrollTo( 0 , 1000, { easing:'easeInOutExpo' });
  $(".fancybox").fancybox({
      helpers : {
          media: true 
          },
          width: 1600,
          height: 870,
          aspectRatio: true,
          scrolling: no,
          });
      });
  });
  </code></pre>