title: Lower the position of a parallax element
body: <p>I'm building a website for my friends wedding (<a href="http://mhutchinson.me.uk/tom/" rel="nofollow">http://mhutchinson.me.uk/tom/</a>) and I'm using parallax to make the white 'save the date' text disappear under the cream section with the details in it.</p>
  
  <p>I have the basic functionality working but I cannot get 'save the date' image to sit lower down. It always butts up against the top or if I move it down it doesn't work properly.</p>
  
  <p>Does anyone have any idea of how to position it?</p>
  
  <p>Here is the jQuery I'm using:</p>
  
  <pre><code>$(document).ready(function(){
      //.parallax(xPosition, speedFactor, outerHeight) options:
      //xPosition - Horizontal position of the element
      //inertia - speed to move relative to vertical scroll. Example: 0.1 is one tenth the speed of scrolling, 2 is twice the speed of scrolling
      //outerHeight (true/false) - Whether or not jQuery should use it's outerHeight option to determine when a section is in the viewport
  
      $('#intro').parallax("50%", 0.4);
      $('#logo').parallax("50%", 0.1);
      $('#infoWrapper').parallax("50%", 0.1);
  })
  </code></pre>