This guide will show you how to hide footer and/or navigation bar with a bit of custom code.

Hiding navigation bar

Step 1/2

Copy this code:

<style>
.nav-02 {
display: none;
}
</style>


Step 2/2

If you wish to hide the navigation throughout the whole website, paste the code into your Website settings > Custom code > <body>



If you wish to hide it on specific pages, create a Custom HTML component on the required pages and paste the code inside it:



Hiding footer

Step 1/2

Copy this code:

<style>
.footer-02, .footer-04 {
display: none;
}
</style>


If you wish to hide the footer throughout the whole website, paste the code into your Website settings > Custom code > <body>



If you wish to hide it on specific pages, create a Custom HTML component on the required pages and paste the code inside it:



That't it 🙂
Was this article helpful?
Cancel
Thank you!