Incorrect Working Main Menu With Second Level On Tablet Helix Ultimate - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Incorrect Working Main Menu With Second Level On Tablet Helix Ultimate

Vladimir

Vladimir

Helix Framework 2 years ago

Hi! I'm use Joomla 4.3.4 and Helix Ultimate. It's good in general, but I have one issue on tablet.

My menu has 2 levels and on tablet when I want to open second level and click on menu item in second level, I opening always first level menu item.

Website: https://wildekraeuterey.de Also I created video, you can see it by link on Google disk: https://drive.google.com/file/d/1Xrn4hWGJfsUAbXvBQNWVn0q2BoPsebT8/view?usp=share_link

Please help me to fix it. Thanks!

0
2 Answers
Pavel
Pavel
Accepted Answer
2 years ago #132513

Hi. By default desktop submenu opens on hover over. To make it ready for touch you shoul use JS

jQuery basic example

jQuery(function ($) {
  $('.sp-megamenu-parent .sp-has-child').on('touchstart', function(e) {
    e.preventDefault();
    $('.sp-dropdown').css('display', 'block');
  });
});

But keep in mind that in this case you will not be able to follow the link itself. There is a logical conflict. Therefore, the solution should be more global than you think. A separate design of the menu for tablets should be made to assign on touch event to the arrow, but not to the whole link. And this arrow should be large enough for a tap with a finger.

A simpler and best way is do not try to solve this, but just hide the desktop menu at a larger breakpoint than by default (for examole at 1024px) and display the offcanvas menu instead via CSS

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 2 years ago #132538

Hello Vladimir

Your issue is very common and not actually our product's isssue. Please try Pavel's solution and check if it solves your issue.

Best regards

0