Main Menu: kleo-mobile-switch appears but menu doesn't stay visible

[GnosisToday]

Hello,
Updated to latest version of Kleo 3.0.3. Also have latest K-elements and other plugins recommended by Kleo.
We need the Main Menu to be responsive. When on mobile devices (or resizing the Chrome window in Windows), the kleo-mobile-switch div appears correctly. Upon clicking on it, menu drops down with slide effect, and once entirely visible it just hides back behind the button.
Need help with this as the site is about to launch and we need it to be mobile-ready.

I notice it gives me this error in Console (in extensions::utils:93):

COPY CODE

Uncaught TypeError: Cannot read property 'impl' of undefined
$Array.forEach.publicClass.(anonymous function) @ extensions::utils:93
sendmsg @ dom.js:187
(anonymous function) @ dom.js:48
f.event.dispatch @ jquery-1.7.2.min.js:3
f.event.add.h.handle.i @ jquery-1.7.2.min.js:3

Thanks in advance,
Catalin

Attachments:

You must be logged in to view attached files.

[sharmstr]

Respond privately with credentials to access the site.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[GnosisToday]

This reply has been set as private.

[sharmstr]

Can you update VC please? After doing that, clear your cache. If the problem persists, look for plugin conflicts.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[GnosisToday]

Updated VC, no more Console error, but the mobile menu still closes by itself.
It’s going to take a life time to test plugin interactions… There are quite a few plugins.
So anyways, if you’re sure this works for all other users, there’s no other way 🙁

[sharmstr]

The menu works. You also have several css overrides and kleo function overrides in your child theme. Perhaps theres a conflict of code there. You can test that by temporarily enabling the kleo parent theme.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[GnosisToday]

Activated main Kleo theme, same problem: closes by itself.
However, TwentyFourteen works: opens and only on subsequent click closes the slide.

[GnosisToday]

Apparently, similar issues are happening in other themes:
https://theme.co/community/forums/topic/mobile-nav-menu-closes-automatically/

[GnosisToday]

It appears that this line in app.min.css is what is causing it:
@media (max-width: 991px)
.kleo-main-header .navbar-collapse.collapse {
display: none!important;
}

If I comment out the “display:none”, it shows and hides ok.

[sharmstr]

That’s auto set via jquery. When in a closed state, it should be set to display:none. You have something that screwing up the jquery and making it close right away. Maybe double firing.

You can see on the demo site: http://seventhqueen.com/themes/kleo/blog-normal/

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Author]

Posts