Navbar Trigger Interaction affects desktop layout

[MHGRAFIKDESIGN (Marc Hoernschemeyer)]

Hi everybody,

I am new to Webflow and I searched this forum for the issue above, but I did not found anything. So, if I have overlooked something my apologies.

So, my problem: There is a navbar trigger interaction like this:

https://help.webflow.com/video-tutorial/navbar-trigger-interaction

But the problem is: It also affects the nav link in the desktop layout. Because of the initial appearance and there is no is no trigger, the nav links is not shown.

So, how can I fix this? Or can I use this interaction with Hamburger layout in all devices only?

Many thanks for your help!

[spirelli]

I’m not an expert, but I think you’ll have to duplicate your navigation showing one for desktop view and one for smaller screens. This is certainly what this thread would suggesst:

Best practices for removing interactions for mobile

I’ve perused the forums and discovered a variety of work arounds but am curious if there is a best practice here. The best I’ve read seems to be simply hiding the interactive pieces (if that’s all it takes) or literally duplicating everything, hiding one set, and then disabling animations on the other in the desired screen sizes. Any better ways to do this? Continuing the discussion from [How to Disable Interactions for Mobile Devices…and others] How to Disable Interactions for Mobile Device…

[MHGRAFIKDESIGN (Marc Hoernschemeyer)]

Many thanks! That’s what I’ve done right now. But I thought there would be a smarter, “webflow-native” way. = )