Allow certain parts of a Modern page to be hidden
Outside of the standard areas of a Modern page that can be customized through apps (top placeholder, bottom placeholder, and web parts), we would love the ability to hide other parts of the page in order to achieve a customized look and feel.
We are selectively hiding features such as:
- Hub nav
- "Composite header" which includes:
- Site logo
- Site title
- Top nav
- Follow/Share buttons
- Search box
We are relying on injecting override CSS with our Application Customizer Extension. This is not a reliable method as it's not supported. Certain html id values such as "ms-compositeHeader" and "sp-App-hubNav" were available but were recently removed. Page loading is also not ideal as the features are shown until the extension loads the CSS, resulting in a flash of unhidden features.
Tony Knibb commented
I would be nice to have a toggle to hide the See All link on lists too.
They break my websites.