Fixed top-navbar with a moving side-bar

Hey, I am running into a design problem here; I am working with a react + tailwind stack, and I can't seem to get it right. the Top-nav has a hamburger icon when clicked the side nav comes out and pushes the main page content including top nav a tad to the right (including the hamburger icon, since its situated on the Top-nav and not the side-bar itself), but on smaller devices, it overlays the main content with a backdrop when click it quits, so far I did implement this, but I am trying to foll

• Fixed top-navbar with a moving side-bar
  r/Frontend

• Puppeteer prerendering localStorage leak across React routes causes SEO bugs heads-up
• DevOps Intern Facing an Issue – Need Advice background
• Does storing QA artifacts in version control systems scale well? background
• The adposts are getting too much. background
• Weirdest chargebacks ive gotten as a seller anyone got funnier ones background