To 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 Settings -> General settings -> Global HTML code

If you wish to hide it on specific page, go to the Page settings and and paste following custom code in the Custom code section

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 Settings -> General settings -> Global HTML code

If you wish to hide it on specific page, go to the Page settings and and paste following custom code in the Custom code section

That's it 🙂

Updated on: 20/04/2025