Mini-tuto : comment cacher le header et le footer sur Squarespace
Publié le 4 octobre 2021 | Mis à jour le 28 mai 2025 | Temps de lecture : 2 min
Pour mettre en ligne une page d’attente jolie et travaillée de son site Squarespace, pour faire une landing page ou pour faire votre page de liens pour Instagram, il peut être utile de savoir comment cacher l’en-tête et le pied de page sur une seule ou plusieurs pages.
→ Cacher l’en-tête et le pied de page directement depuis Squarespace (méthode la plus simple)
Depuis mars 2024, il est possible de cacher directement ces éléments en natif dans les “Paramètres de la page” ! Il suffit de cliquer sur la petite roulette qui s’affiche en survolant votre page dans le menu, puis de cliquer sur “Navigation” et ensuite vous pouvez afficher ou non l’en-tête et le pied de page.
→ Comment cacher l’en-tête et le pied de page via du code (méthode avancée)
1/Vous avez l’abonnement basique
Ajoutez un bloc “Code” n’importe où sur la page souhaitée, et mettez-y ce code :
<style>.header, #footer-sections {display: none!important}</style> 2/Vous avez un des abonnements supérieurs
Dans le menu “Pages”, allez dans les paramètres de la page souhaitée (via la petite roulette qui s’affiche au survol de celle-ci), cliquez sur “Avancé” et ajoutez ce code :
<style>.header, #footer-sections {display: none!important}</style> 3/Important : si vous êtes sur l’ancienne version de Squarespace (la version 7.0)
Le code n’est pas exactement le même ! Voici la bonne version à mettre :
<style>
.Header, .Footer, .Mobile-bar{
display:none !important;}
</style>Besoin d’aide ?
Pour toutes celles et tous ceux qui manquent de temps ou qui galèrent 😅, vous pouvez booker un des apprenants de ma formation.
Et si vous avez envie d’en apprendre vous-même davantage sur Squarespace et le CSS, découvrez mes formations en ligne. Je vous apprends l’art de faire un site internet et vous donne toutes les clés pour réussir sur le web.
