title: How can fixed element push content down the page using CSS only?
body: <p>I've seen similar question asked here before but answers usually include Jquery etc. I'm rookie and I want to use CSS only.
  I have a web page and there is a text displayed on it:</p>
  
  <pre><code>&lt;P&gt;yes yes yes &lt;/P&gt;
  &lt;P&gt;yes yes yes &lt;/P&gt;
  &lt;P class="move"&gt;Moving part&lt;/P&gt;
  </code></pre>
  
  <p>I want the last part (class move) to move on the top when screen is small. This works great:</p>
  
  <pre><code>.move {
      color: blue;
  }
  @media screen and (max-width: 600px) {
      .move {
          position: fixed;
          top: 0px;
      }
  }
  </code></pre>
  
  <p>Except "Moving part" is displayed over text! How can I push the text down. I've tried height, etc.</p>