title: How can this var be written, to set the headerHeight, based on the width of the viewport?
body: <p>I found this on GitHub and it works perfectly if I am setting the height based on a landscape view or setting the height based on a portrait view but it does not compensate for both views.</p>
  <p>How can I compensate for both views?</p>
  <pre><code>var headerHeight = '270'; // if you have a sticky header, add its height or it will cover your content
  $([document.documentElement, document.body]).animate({
      scrollTop: $('.elementor-tab-title[data-tab=&quot;' + current[1] + '&quot;]').closest('.elementor-widget-wrap').offset().top - headerHeight
  }, 200);
  </code></pre>
  <p>Let's just say, var headerHeight = '270' is for the landscape view.</p>
  <p>I wish to add to the above var a second height for the portrait view. A height of 320</p>
  <p><a href="http://jsfiddle.net/jgh6xuno/3/" rel="nofollow noreferrer">The snippet tool post was too long so I made a fiddle.</a></p>