title: Where is this styling coming from?
body: <p>I searched several of the suggested questions that came up when typing this, but I couldn't find an answer to my problem. </p>
  
  <p>I'm using Uikit V2, and I have a div with the Sticky component. Here:</p>
  
  <pre><code>    &lt;div class="uk-sticky" data-uk-sticky id="nvbr"&gt;
                  &lt;nav class="uk-navbar-center"&gt;
                      &lt;a class="uk-button" href="#pg5"&gt;&lt;h3&gt;Contact&lt;/h3&gt;&lt;/a&gt;
                      &lt;a class="uk-button" href="#pg6"&gt;&lt;h3&gt;AboutUs&lt;/h3&gt;&lt;/a&gt;
                      &lt;a class="uk-button" href="#pg3"&lt;h3&gt;Services&lt;/h3&gt;&lt;/a&gt;
                  &lt;/nav&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p>This works fine on the full screen, but when I resize to a small screen, the bar gets very wide. I open then in the inspector in Chrome and I get this line:</p>
  
  <pre><code>    &lt;div class="uk-sticky-placeholder" style="height: 123px; margin:0px;"&gt;
  </code></pre>
  
  <p>Where would this be in my code and how can I fix it? I looked in Uikit and the Uikit.js. </p>
  
  <p>(I should note, that when I am in Inspector, if I change that 123px to say 10px, it looks fine.)</p>
  
  <p>Thanks all. </p>