SF Digital Experiences (Community Cloud) Remove Header and Footer

If you don’t use a header/footer in your Experience Cloud and feel uncomfortable about the top/bottom gap.

Follow this trick to hide/remove the Header/Footer from your Community.

1. Access to Builder -> Settings -> Advanced -> Edit Header Markup:
2. Add follow Style tag, then Save
   

<style>
    .community_byo-scoped-header-and-footer__footer-content{
        display:none !important;
    }
    
    .community_byo-scoped-header-and-footer__header-content{
        display:none !important;
    }
</style>



Publish the Page to see the different.