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

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

If you wish to hide the navigation throughout the whole website, paste the code into your Settings -> General settings -> Global <body> 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 <head> code section

Hiding footer

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 <body> 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 <head> code section

That's it 🙂

Updated on: 20/04/2025

Was this article helpful?

Thank you!