skuriles

#48659

Hello,

I’ve just updated to latest version but the following problem occured:

Sub-Sub Menus can’t be opened!!

You can see it on your own demo side.

Try to navigate to the 3rd level sub menu of your demo page:

Native plugins support

I’ve disabled all plugins on my website but didn’t help.

Maybe you can have a look. Somehow the submenu dropdown doesn’t get the “open” class AND the submenu on third level doe not open because display:none is overriding the “open” class tag if I add it manually in Chrome dev tools…

[Admin]

Syahir Hakim

#48665

In mobile view, the menus is limited to two levels only due to space limitation. In future versions we’ll try to work something out for this.

skuriles

#48669

But this problem is not restricted to mobile view…
It also occurs on normal desktop version

[Admin]

Syahir Hakim

#48670

Seems to work fine from my end:

skuriles

#48671

Try it in latest chrome 🙂
Seems that this is the problem.
Just checked it with chrome, firefox and edge -> latter two are fine, chrome is broken somehow

[Admin]

Syahir Hakim

#48673

Still OK, using latest version of Chrome. Maybe you have Javascript disabled in Chrome? Try to disable all extensions as well, just to check.

skuriles

#48675

I’ve checked Chrome: V62 -> does not work
I’ve also installed Chromium V62 -> does not work
Updated Chromium to V64 -> does not work
JS is enabled in both. Chrome has only one extension, but Chromium is a clean install.

I have tried to debug the uglified JS files

  s.hover(function(e) {
                return s.hasClass("open") || d.is(e.target) ? void r(e) : !0
            }, 

This line is never called on my side in chrome if I hover over an menu item. In edge it works
It is located in bootstrap-hover-dropdown.mins.js

As I was really confused I checked it on another PC with Chrome -> works…
This is really strange. Have to check if anything is preventing my system from work.
Sorry for bothering your time

skuriles

#48677

Ok… found the problem!!

In chrome://flags/ you can set the “Touch Events API Mac, Windows, Linux, Chrome OS” on automatic/enabled/disabled.
As I’m using a touchscreen monitor as second one it looks like Chrome has activated this setting.
So the hover effects were disabled by the bootstrap hover plugin.
For test I’ve disabled this setting and all went fine.

Thanks and I hope that “mobile view” will support more than two levels in future!!!

Jhule

#48678

Dear Syahir Hakim,
please support in the future the sub-sub menu in the mobil Version. Other themes support that future. Do you implement this feature in next versions? That will be really really great!

Thank you

You do a great job with the theme – and it’s free.

reccon

#49279

Any update on this?

If you use the customizer preview for mobile phones the submenu ist displaying fine on mouse over. There is no problem with the space limitation.

Isn’t it possible to replace the “hover” with “active” or some, to get that working on mobile as well?