Hide certain projects from mobile menu...

[Ingi]

Hæ everybody,
I've been trying to hide certain projects [that are empty custom links in dropdown menu on desktop version] from the mobile version. I know this should be simple, but I've tried all sorts of CSS and nothing seems to work. Not good with CSS at all... also have searched all threads here for a solution.

Could anybody please help me out?

[Ingi]

Oh one more thing — "Behaviour on Mobile Devices" is set to "Do not show mouseover state" but the site works like "Show mouseover state on tap, tap again to enter project"... Don't know why this is not working, might be a bug.

[robsdonatini]

@ingi I'm interested as well, please share news if you find a solution.

I tried to give the menu page I want to make disappear a class and then style like
in the costum css for mobile

.classname {display: none;}

nothing changed :|

[mariusjopen]

Dear @Ingi

try this custom CSS code:

.menu-item-has-children > a:first-child {
    display: none !important;
}

I hope that works for you.

We will inspect the problem with the tapping.

Best!

Marius

[Ingi]

Legend!!!

Thank's so much. Also, that mobile behaviour thing is working now!

[mariusjopen]

Great! Happy to hear!