title: Google Translate Bar moving content down
body: <p>Is there a way to stop Google Translate Bar from moving my content down? I have a static background image, and a header image that corresponds with the background image, so when the Google Translate Bar is fixed to the top of my screen, it moves my top content down and out of the background image.</p>
  
  <p>Is there a way to make it just statically over my content or fixed in such a way it won't move my content down?</p>
  
  <p>Or Can I detect is Translation is taking place, then move my background accordingly? I tried to use this but it doesn't revert back if I remove the Translation Bar:</p>
  
  <pre><code>document.addEventListener('DOMSubtreeModified', function (e) {
  if(e.target.tagName === 'HTML' &amp;&amp; window.google) {
          if(e.target.className.match('translated')) {
              document.body.style.backgroundPosition="0px 40px";
          } else {
              document.body.style.backgroundPosition="0px 0px";
          }
      }
  }, true);
  </code></pre>