The dropdown menus (e.g., the Log out menu) are not clickable on tablet and mobile.
If you click the item, the dropdown will hide but actually the click event did not triggered. When dropdown opens, there is a div with high z-index just blocked the whole page.
Even I can reproduce this issue on your official demo page with my Surface Pro. See the attached screenshot.
Thanks for your reply. The first issue has been fixed.
For the second issue. Let me clarify it with more details.
Actually the issue in screenshot just happened when there is NO mouse hover, I think your fix is based on the assumption that the mouse hover is on. My problem is how to close/ hide the ul.
The right part is that the issue is only for collapsed menu.
Yes you are right on this point. I am not sure how that happens, however I suggest to apply latest CSS files on assets/css directory to see if its going to fix this issue:
If you don't see the change immediately, please hard-refresh your browser (CTRL/CMD+R) because it takes longer to load the changes, as they are saved in browser cache. Another option is to open new private/incognito window and try if it works.
Hi,
The dropdown menus (e.g., the Log out menu) are not clickable on tablet and mobile.
If you click the item, the dropdown will hide but actually the click event did not triggered. When dropdown opens, there is a div with high z-index just blocked the whole page.
Even I can reproduce this issue on your official demo page with my Surface Pro. See the attached screenshot.
BTW, all working fine with my desktop.
Also for side bar menu, there is a small problem (attached screenshot), see if you can help me as well. thanks!
Hi Donny,
Can you please add this CSS, it should fix the first issue:
.user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu, .navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.user-profile-menu { z-index: 1001; }The other issue can be related to z-index as well so consider adding this CSS:
.sidebar-menu.collapsed { z-index: 100; }I hope this will help you.
Arlind,
Thanks for your reply. The first issue has been fixed.
For the second issue. Let me clarify it with more details.
Actually the issue in screenshot just happened when there is NO mouse hover, I think your fix is based on the assumption that the mouse hover is on. My problem is how to close/ hide the ul.
The right part is that the issue is only for collapsed menu.
Hi Donny,
I do understand the issue however I am not sure why on our demo site it works fine, see this video that I have recorded to demonstrate this:
https://d.pr/v/qR2Hsv
Note that even though I am using a mouse the events are emulated to touch events. So I believe that CSS should work.
Otherwise if this doesn't solve your issue, can give me an example on demo page how to reproduce this issue that could help me so much.
Hi Donny,
Yes you are right on this point. I am not sure how that happens, however I suggest to apply latest CSS files on assets/css directory to see if its going to fix this issue:
https://d.pr/f/y2pap
If you don't see the change immediately, please hard-refresh your browser (CTRL/CMD+R) because it takes longer to load the changes, as they are saved in browser cache. Another option is to open new private/incognito window and try if it works.