Remove Navigation Bar and Footer on Single Page

[CharlotteB1]

Hi,

I want to remove the Navigation Bar and Footer on this page in my online store:

http://www.advocatetoeducate.com/intake-form.html 

I have tried everything, but it's not working.

How do I do this?

Thanks, 

[Bernadette3]

Hi @CharlotteB1 Are you just trying to remove it from that single page? A good place to start would be this thread: https://community.weebly.com/t5/Themes/Hide-Your-Navigation-on-a-Single-Page-Without-Customizing-You...

[CharlotteB1]

Hi Bernadette,

I have worked through this and it's still not working. I have removed the footer, but can't get the navigation bar to disappear.

Can you instruct me how to do this?

Thanks!

[CharlotteB1]

Hi,

Can someone respond to this? I have tried everything in the post outlined, but still no success. 

To recap, I want to hide the menu navigation and footer on a single web page on the following page:

http://www.advocatetoeducate.com/intake-form.html

Thanks,

Charlotte

[Adam7]

This should hide those for you on the live site if you add this to the Header Code for that page on the Pages tab, @CharlotteB1:

<style>
	.unite-header, .footer-wrap
	{
		display: none !important;
	}
</style>

[pcrawford3]

This one works!

[Jackerbell]

Hi Adam, 

This coding you gave worked for me to remove the header and footer, but now I've got a white bar across the top where the menu was. 

Is there a way to remove this? 

www.pfcci.org 

Thank you in advance!

[BJ5]

Did you still need help @Jackerbell? I don't see the bar on your homepage.

[Stephen_H]

This worked for me to remove the footer. Thanks!

[Vanessa_SOHY]

Hi there!

I tried to use this code for my site and it didn't hide the footer. Does the code change for each website?

The page I want to remove the footer from is this one https://www.stoneofhopeyouth.org/donate1.html

Thanks! 

[BJ5]

Did you only want to hide the footer, or both the footer and navigation/header?

[user_1826319734]

Hello. You can do this by editing the "Header" CSS (found on the page editor > SEO settings > Header) for the page you want to hide the header/footer. Just paste this into the header field.

<style>
.header-inner-wrap,
.nav-wrap, .footer-wrap
{
display: none !important;
}
</style>

NOTE: The preview pane on your website editor doesn't seem to hide this. You have to go to the live page to see if it worked.

IF THIS DOES NOT REMOVE YOUR NAV BAR, then it's probably because your theme calls it something else. The labels like "header-inner-wrap" etc all come from your theme's HTML settings. You can look in your site's HTML settings and see what it's labeled, then just swap it out in the code above.

[ellatruff]

Hi! I want to hide the footer on the website. Do you know the suitable CSS for this? I'm currently using Upstart - blog theme