Skip to main content

Remove Header/Footer

For an extra layer of customization options, you are able to freely remove the header and footer from your website

Cody Walton avatar
Written by Cody Walton
Updated this week

Keep in mind this is an advanced modification to your site, and we recommend checking out our Custom Code article before proceeding.

Entire website

To remove the header/footer from your whole website, inject the code through the CODE option under Settings. (This section is used for code affecting your whole site.)
​

image.png


Place the following code in their corresponding locations:
​

Header

<style> #sp-header { display:none !important; } </style>

Footer

<style> #sp-footer { display:none !important; } </style>

Specific Page

To remove the header from a specific page, go to the page editor and select page settings, then the Code tab. Inject this code into the header and/or footer code sections, depending on which code you are trying to use.
​


​

Once you have injected the code into the desired section, make sure to save your changes before leaving the Settings menu, and you are good to go!

Did this answer your question?