How to completely remove sidebar HTML from DOM when sidebar.hide is true?

[kaixinol]

The Problem
When using Hextra for large-scale sites (e.g., thousands of generated report pages), setting sidebar: { hide: true } only hides the sidebar via CSS (hx:md:hidden). This leads to two major issues:

1. Massive HTML Bloat: Even when hidden, the entire sidebar HTML (including nested navigation trees) is still injected into every single page. For a site with 5,000+ pages, this results in megabytes of redundant data being transferred to the client.
2. DOM Performance: Browsers still have to parse the hidden DOM nodes, which slows down the initial render and increases memory usage, especially on mobile devices.

The Goal
For pages where the sidebar is explicitly disabled, I want the output HTML to be zero-byte for the sidebar component.

[imfing]

Hi, you can completely remove the sidebar HTML by overriding the template in your site layouts/_partials/sidebar.html, you can leave it blank so no HTML gets generated at all.

[kaixinol]

No, I need to display the sidebar on the homepage and in certain other places, and then completely remove the sidebar code elsewhere.
I tried modifying sidebar.html to achieve this, but it seems PostCSS is incorrectly removing the styles from my modified sidebar.html, causing the text to overlap.
I'm now considering manually removing it using regular expressions.