title: Removing an element added by ::before pseudo selector
body: <p>I have the following case:  (styling is done in SASS and unnecessary stylings are omitted.)</p>
  
  <pre><code>.header {
    ...
    &amp;::before {
      ...
      position: absolute;
      height: 0.5rem;
      ...
    }
  }
  </code></pre>
  
  <p>This creates a bar on top of the application's menu bar.  In certain cases this bar has to be removed.  I have read questions like <a href="https://stackoverflow.com/questions/5041494/manipulating-css-pseudo-elements-such-as-before-and-after-using-jquery">these</a>, but with no success.  What would be the best way to remove this bar added by the ::before selector?  </p>