Show / Hide Menu (Multiple Menus)

[Paul_Moxie]

Re: Show/hide menu

Hi @arminunruh!

Is there a way to hide the 2nd 3rd and 4th menu using css?
Like you did in the post above with the primary menu using nav.primary.

Greets, Paul

[Paul_Moxie]

Already figured it out! :)

By using:

body[data-type="page"][data-id="10"] nav{
display: none !important;
}

[mariusjopen]

Dear @Paul_Moxie
yea! Thank you for sharing!

Best!
Marius

[tortue771]

Hi @Paul_Moxie and @mariusjopen ,

display: none and visibility: hidden both worked for me with hiding a secondary menu on certain pages, thank you!

I've been trying to hide a menu everywhere -except- on certain pages. I was wondering whether you had a trick for that. I tried several different ways such as :

In the main body:
nav.fourth_menu{
visibility: hidden !important ;
}

body[data-id="1"][data-type="category"]{
nav.fourth_menu{
visibility: visible !important ;
}

But so far no success. If you have any suggestion I'd be most grateful, thanks!

[tortue771]

Actually, I think I had a ' { ' too much. This is working for me now!

nav.fourth_menu{
visibility: hidden !important;
}

body[data-id="4"][data-type="category"]
nav.fourth_menu{
visibility: visible !important;
}

[mariusjopen]

Dear @tortue771
great! Thank you for sharing!

Marius