Community forum for knowledge and support

Updated 8 months ago

Navbar 3 component glitch and responsive menu issues

At a glance

The community member is experiencing an issue with the navbar 3 component in one of their projects. The issue is that when the responsive menu is closed on an iPhone, it glitches and reopens again with no way to close it except by reloading the page. Additionally, all elements on the page are stretching. The community member has tested the component in a new blank project and the issue persists.

In the comments, another community member suggests that the issue lies with the set transition height, and that removing this property should fix the problem. The original poster confirms that this was the issue and that the menu works fine after removing the transition height property.

Useful resources

Hello everyone, hope everyone is doing great. I have realized lately that navbar 3 component just got glitched in one of my projects. I tested creating a new blank project and using the same component and the problem still. Not sure what's happening: in iphone when I close the responsive menu it kinda glitches and reopen again with no way to close it again but reloading the page. And all elements are stretching.

This is my website link:
https://www.zoom-homes.com/

Any ideas?

M
B
J
3 comments

would you mind sharing a read-only link?

Hi & πŸ‘‹

It seems to me that the issue lies with the set transition height. Once we get rid of that, the menu works fine.

Hey thx for that. That was the problem for sure, when I removed that property it worked back again.

Add a reply
Sign up and join the conversation on Slack