← Back

How to Hide Your WordPress Menu Using CSS

From time to time it is necessary to hide your main navigation menu entirely. You might be building something awesome and full screen, or you may be using a plugin to create a more versatile header. Either way, the code below will help you in being able to remove the default wordpress menu.

@media (max-width: 768px) {
    .main-navigation {
        display: none;

That’s it. Simple eh?