Hide footer and navigation

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 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