Menus in any mobile device is not working – Urgent

You could try as follows:
1) Replace the skin\frontend\default\jm_mago\js\jquery\plugins\co lorbox\jquery.colorbox.js file with my attached file.
2) Go to the skin\frontend\default\jm_mago\js\jm.script.js file, replace all the texts below:

HTML Code:

 .live

with:

HTML Code:

  .on

If this does not help you can pm me the FTP account and I shall help you out.

It is showing the menu but not the dropdown menu items.
Why is it now working?

As we have updated version for jQuery library so our theme has js bug with menu on mobile. To fix this, kindly follow the solution suggested by Sherlock Holmes.

With JM Mago theme, we don’t support to show menu item on mobile, you can check again via our demo:
http://www.joomlart.com/demo/#jm_mago

As we have updated version for jQuery library so our theme has js bug with menu on mobile. To fix this, kindly follow the solution suggested by Sherlock Holmes.

With JM Mago theme, we don’t support to show menu item on mobile, you can check again via our demo:
http://www.joomlart.com/demo/#jm_mago

I already followed the steps suggested by Sherlock. The menu wasn’t showing before the fix but the submenu is still not showing. see screenshot

Our JM Mago theme doesn’t support to show menu item on mobile, you can check again via our demo:
http://www.joomlart.com/demo/#jm_mago

If you want show them, please edit this file: ../skin/frontend/default/jm_mago/css/layout-mobile.css

At line 583, remove this code:

Code:

.jm-megamenu li.mega .childcontent {
    display: none;
}

At line 614, replace this code:

Code:

.jm-megamenu .megacol .group-content {
  display: none;
}

.jm-megamenu ul.level1 li.mega div.group-title a.mega,
.jm-megamenu ul.level1 li.mega a.mega {
  color: #999
  padding: 10px 0;
  text-transform: none;
}

With:

Code:

.jm-megamenu .megacol .group-content .jm-product-list,
.jm-megamenu .megacol .group-content .block{
  display: none;
}

.jm-megamenu ul.level1 li.mega, .jm-megamenu ul.level1 li.mega:hover {
    border-bottom: 0 none;
}

.jm-megamenu ul.level1 li.mega div.group-title a.mega,
.jm-megamenu ul.level1 li.mega a.mega {
  padding: 10px 0;
  text-transform: none;
}

Hope this helps.

Hello guys,

I am writing here to inform you that the above process worked for me, if someone has a problem.

Thanks.

@ dinbrasil,

Great to hear that. If you have additional question, please get back to us.