CMS Development

TKozik
Member

Hide global header & footer on landing page

SOLVE

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

1 Accepted solution
Indra
Solution
Guide | Elite Partner
Guide | Elite Partner

Hide global header & footer on landing page

SOLVE

Hi @TKozik,

 

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

clone-template.jpg

 

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

 

Did this help?


Vet Digital - The Growth Agency | HubSpot Solutions Partner Agency

Did my post solve your question? Help the community by marking it as a solution

View solution in original post

3 Replies 3
BarryGrennan
Top Contributor

Hide global header & footer on landing page

SOLVE

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.

Indra
Solution
Guide | Elite Partner
Guide | Elite Partner

Hide global header & footer on landing page

SOLVE

Hi @TKozik,

 

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

clone-template.jpg

 

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

 

Did this help?


Vet Digital - The Growth Agency | HubSpot Solutions Partner Agency

Did my post solve your question? Help the community by marking it as a solution
Teun
Recognized Expert | Diamond Partner
Recognized Expert | Diamond Partner

Hide global header & footer on landing page

SOLVE

Hi @TKozik ,

 

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



Learn more about HubSpot by following me on LinkedIn or YouTube

Did my answer solve your issue? Help the community by marking it as the solution.