Hide menu on regular pages

[macvink]

I discovered that I can hide the menu on all pages with:

.masthead-inline .desktop .x-nav
{display: none;}

How can I hide the menu on all pages except the home page? I want the menu only on home, not on all the other pages.

[nabeel]

Hi Vink,

Thank you for reaching out to us. You can achieve this with CSS :not selector. Replace your code with the following to hide the menu on all pages except the home page:

body:not(.home) .masthead-inline .desktop .x-nav { 
    display: none;
}

To learn more about CSS :not selector please see https://www.w3schools.com/cssref/sel_not.asp. Don’t forget to clear all caches including your browser’s cache after adding the code. Let us know how this goes!

[macvink]

Thanks Nabeel! This worked.

[nabeel]

We’re glad it worked.

Cheers!