title: Background Nav bar Image not displaying
body: <p>I have put together a fixed menu bar which appears once scrolled down the page.</p>
  
  <p><a href="http://staging.meadowspetcareservices.co.uk/" rel="nofollow">http://staging.meadowspetcareservices.co.uk/</a></p>
  
  <p>I have implemented this, but the customer would like a icon image within the bar. I have tried adding this as a background image within the CSS. But it just isn't showing?</p>
  
  <pre><code>nav.nav-header.fixed {
    width: 100%;
    z-index: 600;
    background: #9D162E url(/wp-content/uploads/2016/03/meadows-favicon-negative.png);
    background-repeat: no-repeat;
    background-position: 20px center;
    background-size: 56px;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-animation: slidedown 2s forwards;
    animation: slidedown 2s forwards;
  }
  
  nav.nav-header.fixed.wrap {
    width: 100%!important;    
  }
  
  nav.nav-header.fixed ul#menu-primary {
    width: 100%;
    text-align: right;
  }
  </code></pre>
  
  <p>Any help would be appreciated</p>