How to hide the Divi Header and Footer
Hide the Divi header and Footer using the Blank Page Template
You can simply hide the header and the footer by slecting blank page as template under the Page Attributes.
Hide the Divi header for the entire site with CSS
If you don’t want to show Divi’s header that includes the menu and top bar we can easily disable it adding the next CSS under Divi -> Theme options -> Scroll down to see the CSS box:
1 2 3 4 5 6 | /*Hide the Divi Header*/ #main-header { display:none; } #page-container { padding-top:0px !important; margin-top:-1px !important; } |
Hide the header for a single post or page with CSS
Otherwise if you want to to just hide the menu in some pages or post you will need to copy the above CSS into your page or post “Custom CSS” box, which you will find in the Divi builder, is a 3 line hamburger icon.
Hide the Divi fixed header
Go to your WordPress Dashboard from there locate Divi -> Theme options
Under general settings you will find an option “Fixed navigation bar”
Set it to disable and save.
Hide the Divi footer with CSS
Hide the Divi footer by adding the next CSS, you can also use this CSS in single pages or posts to hide it just in there like the header.
1 2 3 4 | /*Hide the Divi Footer*/ #main-footer { display: none; } |
That was it! A really cool and useful trick for hide the default menu and footer, hope you like it guys and see you soon in the next tutorial :-).
SUPPORT THE FORCE
The Force needs new lightsabers! If you enjoy my content and want to support me here is the place 😀
15 Comments
Submit a Comment
How to Cache and Boost WordPress Performance
Want to boost your site performance? Learn how to do it by activating caching in your site. With a simply and clean plugin and as always in a couple of minutes. Let’s not forget about the small extra for fixing Google Analytics!.
How to Make any Element Fixed – Divi Builder
Want to learn how to make any Section / Row / Module fixed? So whenever you scroll the element stays in there with you! Learn how to achieve this trick in a couple of minutes with R2D2 help!.
How to Maintain a WordPress Site Clean
Hello everyone, is time to talk about how can you clean your WordPress site for a better maintenance, optimization and security purposes in just a couple of minutes once again!
Follow MasterDivi on Facebook
Be updated with the latest tricks!
Do you know how awesome you are? Thank you so much for this!
Thanks to you!! Sandy! Glad to help 🙂
Worked like a charm.
AWESOME. It just… worked.
Thanks Men!
OH MY GOD! it was so easy! Thank you so much!
I’ve been looking all over for this and here was the answer, THANK YOU!
Hidden attribute Is really bad for seo
how remove in php code ?
Hey there! You can simply select “blank page” and that should do the trick. Hope it helps!
Might there be a manner by which all newly created ‘project’ pages, following the typical page option, to use a blank page template?
Hey Michael, I belive there is not, but what u could do is to directly add some css to the single-project.php to hide it!
Hope that helps you out!
Excellent, thank you!
Good comment. Nice.
Excellent, thank you!
Thank you!