Condition logic - I dont get it at all

How To
1

So I created an offcanvas mobile menu because I needed to have tabs in it and I couldn’t get it done with the Nav element. So far so good. I then deactivated the mobile menu version of the default Nav element as I still need it for the Desktop front end.
But then of course the Desktop menu elements show on mobile too. So I thought I could use condition for that and only show the Desktop nav menu when the operating system is not Android/iOS and so on.
I set those conditions for the default Nav element but nothing changed at all. It still shows on mobile.

What I do not get is, I set the OS system but then what? I need to say, don’t show that element on those OS version. Why this option missing? I’m sure I don’t get the idea here from the creators but that what my intuitive head thoughts how this would work. What does the following condition even do? It surely has a purpose otherwise it wouldn’t be there but seems not the initial one :

condition-interface-weirdo
condition-interface-weirdo266Ă—734 19.4 KB

2

Hi @Mike8040 , from what I can see in the screenshot that condition seems fine (last one is not visible) so I don’t know why it’s not working. But another way to achieve what you want is to set display:none at the mobile breakpoint for the menu.

3

Well then I don’t understand what is going one here. Maybe it is not working with Chromes emulator mobile preview? Of course I know about the display none tag. I don’t want the elements to render in the dom. I was hoping the condition would stop the element from being rendered and not just hide it. Excessive DOM size is a topic coming from Elementor…