title: jQuery Mobile - Fixed Header based on device orientation
body: <p>im currently working on a website for mobile devices and im using jquery mobile.</p>
  
  <p>I have my header in a fixed position by using:</p>
  
  <pre><code>&lt;header data-role="header" data-position="fixed"&gt;
  </code></pre>
  
  <p>This works perfectly fine, however when the page is viewed on a device in landscape mode, the header takes up alot of the space.</p>
  
  <p>Is it possible with jquery mobile to set data-position="fixed" only in portrait mode and have a NOT fixed header in landscape mode?</p>
  
  <p>Thanks in advance!</p>