Hide global header & footer on landing page

[TKozik]

Hello community, 

i have been looking for a way to make the global header and footer not show on one specific landing page. Simply removing all available information in the global header & footer settings is not an option as there are other sites that require these informations. 

I allready tried to hide the sections using css but without any success. 

Is there a way to to this?

- Tim

[Indra · Accepted solution]

Hi @TKozik,

Best option you can do is clone your used template and remove the header and footer from it

Then switch your page from template following these steps:
"Settings" tab -> "Advanced options" -> "Templates"

Did this help?

[BarryGrennan · Accepted solution]

Hi Tim, 

If it's only for one specific landing page, the quick and dirty solution is adding css in style tags to the header of the page under Settings>Advanced options>Head html

You'd add something like:

<style>
header, footer {display:none;}
</style>

Although we'd obviously need to get a look at the page to know specifically what css you'd add here.

But @Indra's solution is best practice and would set you up with a new template without header and footer to use gonig forward.

[Yenniffer]

Thanks, it worked for me.

[Indra · Accepted solution]

Hi @TKozik,

Best option you can do is clone your used template and remove the header and footer from it

Then switch your page from template following these steps:
"Settings" tab -> "Advanced options" -> "Templates"

Did this help?

[Teun]

Hi @TKozik ,

Could you share a link to the page? And maybe a screenshot of the template?