It may be a browser thing… because for me on Mac Chrome it works okay.
It seems like your menu items have a display:inline-block instead of block by default. Maybe you can try to give them all the same class and force the display:block property.
I didn’t add any classes or change any display settings.
Maybe I guess the the display property needs to changed then if I’m using the open menu on the right setting?
But it doesn’t do it all the time. Just sometimes. I can’t seem to recreate the issue anymore though but it’s not the first time I have seen it happen.
Hi @coolhandluke, thanks for the report. It might also be some extensions in the browser that might have conflicted, do you happen to have the Open Vid google chrome extension installed (or any others?).
Thanks in advance, I am going to keep this post unlisted, but if the issue happens again, could you send a mail to support@webflow.com? The support staff will be happy to assist with this.
Hi @cyberdave. Thanks for getting back to me. I have tried with no extensions installed and the problem still occurs. It’s very hard to recreate as it only happens intermittently. Was more curious to see if it happened to others or if it was just me. I can live with it though because it doesn’t happen often.
Hi @coolhandluke from what it sounds like, the issue may be two fold. (1) the elements definitely should be block elements if you intend for them to remain stacked and (2) the scroll bar may be slightly changing the width of the navmenu and forcing your inline-block elements to adjust accordingly.
Hard to say if #2 is 100% certain since each machine, OS, and settings can treat scroll bars differently.
@AntonioBalderas Thank you for the reproduction steps! We just pushed a fix for this issue, and it should no longer be appearing. After refreshing Webflow, are you able to reproduce this issue again?