title: CSS - Top to Logo = 0px
body: <p>I am working for a few hours right now on the CSS changes on one of my customer´s website. My customer wants the header image (logo) to appear at the top of the screen without a space between the top and the logo.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;header id="header"&gt;
    &lt;div class="avada-row" style="padding-top:30px;padding-bottom:0px; overflow:hidden;"&gt;
      &lt;div class="logo" data-margin-right="0px" data-margin-left="0px" data-margin-top="3px" data-margin-bottom="3px" style="margin-right:0px;margin-top:3px;margin-left:0px;margin-bottom:3px;"&gt;
        &lt;a href="#"&gt;
          &lt;img src="http://placehold.it/1000x100" alt="Heider Matriken – Falk Fengler" class="normal_logo"&gt;
        &lt;/a&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/header&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I do not find the correct .css settings to solve this problem and to move the header image to the top. I already tried:</p>
  
  <pre><code>margin-top: -30px;
  </code></pre>
  
  <p>...but that is not working. It is a Wordpress Site, I am using Avada and the only thing I need is the header image at the top.</p>
  
  <p>Would be cool if someone can help me out.</p>