title: Change background color of bootstrap navbar collapse without a delay
body: <p>I'm trying to overwrite the background colour of the collapsed menu bar which I successfully did. However, the problem is that the colour applies only when the collapsed menu is fully opened. I'm trying to do this with bootstrap-vue in a Nuxt project. The change to the navbar styling was made using a css file within the assets folder which I'm not sure if it's the right way to do.</p>
  
  <p>How do I make the background colour appear as the dropdown animates down? thanks.</p>
  
  <p>I've made a replicate of my project code on JSFiddle (<a href="https://jsfiddle.net/tandeman/ae2s9104/37/" rel="nofollow noreferrer">https://jsfiddle.net/tandeman/ae2s9104/37/</a>) for you to have a look. 
  All the code required to change the background was </p>
  
  <pre><code>.navbar-nav .dropdown-menu {
    background-color: #7E6551;
    border-radius: 10px;
  } 
  </code></pre>