title: change width of jquery off canvas panel on mobile
body: <p>Im using <a href="https://panels.scotch.io/" rel="nofollow noreferrer">scotch panels</a> to make an off canvas menu. I would like to change the width of the panel from 70% to 100% on mobile only. Here is the code i'm using:</p>
  
  <pre><code>jQuery(document).ready(function($){
  
  var panelExample = $('#sidecart').scotchPanel({
      containerSelector: 'body',
      direction: 'left',
      duration: 300,
      transition: 'ease',
      clickSelector: '.toggle-sidecart',
      distanceX: '70%', // this sets the width
      enableEscapeKey: true
  });
  
  });
  </code></pre>
  
  <p>I think I can use the below code but i'm not sure how</p>
  
  <pre><code>if (screen.width &gt;= 768) {
      // make width of panel 100%
  }
  </code></pre>
  
  <p>Can anyone help me out?</p>
  
  <p>Thanks!</p>