Hiding second and third menu on mobile

[mariusjopen]

Dear @zochovsky

sorry. I don't quite understand.

On mobile you want to hide the second and third menu?
And on desktop you want to…?

:-)

Best!

Marius

[jui]

@mariusjopen
Hi !
I have the same issue I think, on my desktop version I have 4 menu points and because I changed the layout of my mobile version, I only need 2 menu points for it.

Read a couple of hiding-menu-points-questions, nothing quite answered mine, you know what I mean though ?
Thanks !

[mariusjopen]

Dear @jui & @zochovsky
You can hide specific menu points from the navigation with the ID

For example:

#menu-item-64 {
    display: none;
}

Hope that helped!

Marius

[jui]

@mariusjopen Alright, how do I find out the menu-item-nr ?

[edgrbnz]

@jui Easy!
Visit the page in your browser, open inspector (cmd+alt+i) or right click → inspect and click the menu-item you want to hide, Then you can see the item number in the inspector panel, like so:

[jui]

@edgrbnz thanks, does not work unfortunately though, Just found data-ids. I wonder if it´s because of the drop down submenu on one of the menu points. Any ideas ?

[edgrbnz]

@jui any links to your website?

[jui]

@edgrbnz http://www.juliakrusch.de/

[jui]

@edgrbnz and the "Work" menu point including the submenu should be hidden for the mobile version

[edgrbnz]

#menu-item-749 {
    display: none;
}

Should do the trick.

[jui]

@edgrbnz ah thanks so much ! works !