Hiding second and third menu on mobile

[zochovsky]

Hi there,

I hope everyone's well.

I was just wondering if there is an easy way for hiding second and third menu on mobiles (and leaving primary on on mobile but hide it on desktop) with "Use desktop menu style" switched on?

Any help would be greatly appreciated

[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 !