title: How to refresh the page between window widths 480px to 768px?
body: <p>I am currently using the code:</p>
  
  <pre><code>// Resize when less than 768
  $(document).ready(function(){
  $(window).on('resize',function(){
      if ($(window).width() &lt; 768) {   
        location.reload();  // refresh page 
      }
      else {  
        // Width greater than 768px for PC  
      }
  }); 
  });
  </code></pre>
  
  <p>But this reloads the page constantly when the browser is resized less than 768px. Is it possible to have a code that only reloads the page on resize when the browser is say, between 480px and 768px? Thanks!</p>