title: Recalculating values with jQuery on orientation change not working
body: <p>I have created the function in order to deal with some full screen sizing issues on mobile devices. It works very well however does not recalculate the value for height more than once (only calculated on load and not on orientation change). I added the alert to demonstrate that it is not running the calculation more than once. Any help here with allowing for the calculation of this value on each orientation change would be greatly appreciated.</p>
  
  <p>jQuery: (Only runs on mobile devices or inspect mobile configuration)</p>
  
  <pre><code>function resizeBackground() {
      $(".header__container").removeAttr('style');
      var fixedHeight = $(window).height();
      var bg = $(".home-carousel, .flickity-viewport, .flickity-slider, .carousel-cell, .header__container, .site-header--drawer .nav-bar");
      var softScroll = $(".soft__scroll--container");
      var squiggle = $(".squiggle__container");
      var slideNumbers = $(".slide__numbers");
  
      bg.height(fixedHeight);
      softScroll.css('top', fixedHeight - 50 + "px");
      slideNumbers.css('top', fixedHeight - 140 + "px");
      squiggle.css('padding-top', 10 + "px");
      console.log(fixedHeight);
  }
  
  if(isMobile.any()) {
      $(window).on("load resize", function(event) {
          resizeBackground();
      });
  }
  </code></pre>