Navigation Dropdown Menu - Problems closing the dropdown when resizing the browser window

[madeliefje]

Hello

I’m working on a new website and I have two menus in the header an inline one for desktop and a dropdown for smaller screens and mobile.

https://insa.businessfottene.ch (will be moved soon to it’s real domain)

When you use a smaller browser window on the desktop, open the dropdown and then enlarge the window over the breaking point. The dropdown overlay won’t disappear, it just moves to the upper left corner and hovers there. If disappears the moment you click anywhere on the page.

I know it’s not something a normal user will do, but the client tested the page and did this test - so now he wants it to be solved…

Is this a bug, that disappears with another update or something in the settings that I missed?

[ruenel]

Hello @madeliefje,

Thanks for writing in!

I am seeing this:

The dropdown moves up to the starting point 0,0 coordinate of the browser window because the toggle is hidden away as it will show/hide depending on the screen size. The toggle is hidden away without closing the dropdown. This will not occur if you are on an actual mobile device.

And by the way, you are using an older version of the theme. I would highly recommend that you update to the latest version which is Pro theme 6.3.9 version. You can check out the changelog here:

• Pro Version 6 | Themeco Docs

Best Regards.

[madeliefje]

I know that it works on Mobiles, but it’s my client’s complain. This website will be used 90% on desktop/laptop as their clients will visit it at their workspace. My client worry is, that they might scale their browser windows and then it would look awkward.

For my understanding the overlay should disappear with the token at the breaking point - what is the point of it staying till the user clicks “anywhere”. Will this be a patch you’ll do in a future update or is it something a developer can program for me? I will have one on the project for another design issue anyway.

Thanks in advanced
Michaela

[madeliefje]

I just got my developer solve the problem in about 5 seconds with some custom CSS.

Cheers Michaela

[prakash_s]

Hello Michaela,

Glad to know that you were able to find the solution to your issue.

Thanks