Helix Ultimate - Question | JoomShaper
Back to the questions

Helix Ultimate

A

Addington

Template 11 months ago

There is an inconsistency in the behavior of the dropdown menus on our site between the off-canvas menu and the desktop menu (which is also used for tablets in landscape mode and laptops).

Current Behaviour: On touch devices (e.g., tablets and touchscreen laptops), the dropdown menu on the desktop layout does not stay visible long enough for users to select child menu items.

The off-canvas menu works correctly: tapping the caret opens the dropdown, and it stays visible until a child item is selected. On desktop, the dropdown only stays open momentarily when tapped, making it difficult to use on touch-enabled devices. Expected Behaviour: The desktop menu dropdowns should behave similarly to the off-canvas menu, allowing users on touch devices to interact with child menu items without issues.

Steps to Reproduce:

  1. Open the site on a touchscreen device (e.g., tablet in landscape mode or touchscreen laptop).
  2. Navigate to the desktop menu layout.
  3. Tap the caret beside a top-level menu item to reveal the dropdown.
  4. Observe that the dropdown does not remain visible for sufficient time to interact with child menu items.

I thought about just changing the time that the dropdown menu stays visible but this is poor UX for non-touch users.

Have you been asked about this before, and if yes, what was the solution?

0
5 Answers
Order by
Oldest Newest Votes
A
Addington
Accepted Answer
9 months ago #179979

I appreciate your response and apologise for having taken so long to reply. The problems I was experiencing were on a tablet.

I am not having the problem any more because I am now using an external extension to replace the default one in Helix.

TBH The issue described above was a major reason for moving from the Helix menus

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 11 months ago #176905

Hi there,

Thank you for reaching out to us. Could you please share your site URL so I can investigate the issues? Once I’ve reviewed it, I’ll get back to you promptly with a resolution.

Your cooperation is greatly appreciated, and I’ll ensure a quick follow-up.

Best regards,

Toufiqur Rahman (Team Lead, Support)

0
A
Addington
Accepted Answer
11 months ago #176914

thanks Toufiq.

FWIW an ai chatbot suggested the following (which i have not attempted):

Minimal JavaScript Solution We can write a straightforward script that:

  • Detects touch devices.
  • Toggles a class to keep the dropdown menu open when tapped.
  • Ensures it does not interfere with desktop mouse hover/click behavior. Here’s how you can implement this: javascript: your site would not let me submit the js

CSS

.menu-item-has-children.open > .sub-menu { display: block; / Ensure the dropdown is visible when the 'open' class is added / }

Advantages Simplicity: Minimal JavaScript logic ensures robustness and maintainability. Non-Intrusive: Does not interfere with existing desktop behaviors. Touch-Specific: Only affects touch interactions, leaving the desktop experience unchanged.

0
A
Addington
Accepted Answer
10 months ago #177337

Hi Toufiqur,

Did anyone at Joomshaper get a chance to look at the problem yet?

0
Atick Eashrak Shuvo
Atick Eashrak Shuvo
Accepted Answer
Support Agent 10 months ago #177844

Hello Charles Southgate,

Thank you for reaching out and sharing your observations regarding the dropdown menu behavior on our site. I apologize for the delay in responding to your message, as it was the weekend.

Regarding the issue you mentioned, I have reviewed the behavior on a 10.2-inch iPad using the Chrome browser to simulate a touchscreen environment. Based on my testing, the dropdown menus remain visible until a selection is made or a tap occurs outside the dropdown, functioning as expected. I’ve attached a screen recording in the hedden section for your reference, demonstrating how the dropdown operates under these conditions.

That said, I understand the importance of ensuring a seamless user experience across all devices. If you are still experiencing this issue, it might be device or browser-specific. To help us investigate further, could you please provide the following details?

  • The device and operating system you are using.

  • The browser name and version.

  • Any specific conditions under which the issue occurs (e.g., specific menu items or actions).

We’re committed to resolving this matter promptly and ensuring the best experience for all users. Please feel free to reach out with additional details, and I’ll be happy to assist further.

Best regards

0