title: How to configure PrimeNG sidebar to leave space for the header and able to push canvas to the right
body: <p>I am building a website using <code>Angular 7</code> and <code>PrimeNG 8</code>.
  The layout of webpage having a fixed header on the top and a side bar navigation menu on the left.</p>
  
  <p>My expected behaviour is when the sidebar toggle, it won't hide the header and also the content will move to the right.</p>
  
  <p><a href="https://i.stack.imgur.com/hh9rj.png" rel="noreferrer"><img src="https://i.stack.imgur.com/hh9rj.png" alt="enter image description here"></a></p>
  
  <p>I have checked the primeng documentation, but no such feature is provided.
  <a href="https://www.primefaces.org/primeng/#/sidebar" rel="noreferrer">https://www.primefaces.org/primeng/#/sidebar</a></p>