Hide header and footer in a particular page.

dasbony7 · September 2015

How to hide header and footer in a particular page?

Albert · September 2015

Hi,

You can use "Blank" template for that. When you create/edit page, on the right hand side you can choose right template. And blank template does not load header or footer.

dasbony7 · September 2015

Thank you so much...I also want to hide only footer & only header in a particular page..How to do that..?

Albert · September 2015

Please give us url to example site where you want to do this and we'll tell you how to do it.

dasbony7 · September 2015

yes..this is the url..
http://rintechsolutions.com/index.php/photography
I want to hide only the footer for this page, and also only the header - menus for another same kind of page.

Albert · September 2015

Please deactivate maintenance mode because we can not have a look.

dasbony7 · September 2015

Sorry...its done ..please check the link...

Albert · September 2015

Ok. So to hide footer for this page only, please use below css:

.page-id-2242 #Footer { display: none !important; }

But to remove header for the same page, you need to use below css instead:

.page-id-2242 #Top_bar { display: none !important; }

2242 is page id. So if you want to remove the same elements for other pages, then instead of 2242 you must use other page ID.

dasbony7 · September 2015

Thanks a lot..

Albert · September 2015

You're welcome

Hide header and footer in a particular page.

Comments