Advanced: Hiding the Header / Footer on specific CMS pages

Last updated: 25 September 2023 at 16:43:21 UTC by Junari Assistant

If you wish to embed one of your website pages in another website, you might want to make sure that the header (site navigation) and footer are not shown.


Unfortunately Odoo does not offer a built-in way to do this, however it can be done by adding a small amount of custom code to the page.


1. Add a "Text" block to your page (doesn't matter where, at the bottom normally makes the most sense




2. Click on the block, remove all of the content then right click -> inspect




Right-click on the <p> tag, and select "Edit as HTML" as shown below




Paste in the following code:


<span>&nbsp;</span>

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




Then close the developer tools




Finally click Save.




Your page should now not show the site Header or Footer, but all other pages still will!