Weird behavior of navigation

Hey there! I keep trying to solve something and I don’t know if I’m doing something wrong.

I’ve set up a custom menu on tablets and lower resolutions. It works completely fine on starting navigation but doesn’t work on scrolled one. In the Designer, everything looks fine, but on browsers, it doesn’t.

Here’s what’s happening:
https://www.dropbox.com/s/oospdzkbgfcjlz7/Kapture%202018-11-16%20at%2019.59.26.mp4?dl=0

Here is my site Read-Only: https://preview.webflow.com/preview/umgb-wb-website?utm_source=umgb-wb-website&preview=7263681903f70769e96a128b477f43c6

Any help with what am I doing wrong?

It looks like you are not using IX properly. See, your “navigation open” interaction on the navigationButtonWrapper div in the navigation menu is calling the exact elements you specified. When you copied this structure for your .navigation .scroll variant you essentially created other elements which are no longer correspond to the object from your interaction. Please check the tutorials for the IX2 for more details. You will need to make your interactions target classes rther than selected elements for them to be working.

Ahh, I see. Fixed it and it works now. Thanks!

1 Like