Hide footer and navigation
This guide will show you how to hide footer and/or navigation bar with a bit of custom code.
Copy this code:
If you wish to hide the navigation throughout the whole website, paste the code into your General settings > </body> custom HTML code

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

Copy this code:
If you wish to hide the footer throughout the whole website, paste the code into your General settings > </body> custom HTML code

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 🙂
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 General settings > </body> custom HTML code

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 General settings > </body> custom HTML code

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 🙂
Updated on: 18/12/2023
Thank you!