Helix Ultimate Megamenu Module menu collapsing in J5 but not in J4

Sure here you go:

We can override this new click-based hide behavior by adding a small JavaScript snippet that prevents the dropdown from being hidden immediately on link click — instead, let the browser handle the navigation normally without forcibly hiding the menu.

Add this Custom JS:
Go to:
Templates > Your Helix Ultimate Template > Custom Code > Custom JS

Paste the following:

document.addEventListener('DOMContentLoaded', function () {
  const menuLinks = document.querySelectorAll('.sp-megamenu-parent .sp-dropdown li > a');

  menuLinks.forEach(function (link) {
    link.addEventListener('click', function (e) {
      const parentDropdown = link.closest('.sp-dropdown');

      if (parentDropdown) {
        // Delay hiding the dropdown so it's smoother on click
        parentDropdown.classList.add('delay-hide');

        setTimeout(function () {
          parentDropdown.classList.remove('delay-hide');
        }, 300); // Adjust timing if needed
      }
    });
  });
});

Now add this to your Custom CSS section:

.sp-dropdown.delay-hide {
  pointer-events: none;
  opacity: 1 !important;
  transition: opacity 0.2s ease;
}

What This Does:

It prevents immediate collapse of the dropdown menu on click.

The dropdown will stay visually open for ~300ms until the browser navigates away.

The visual “flash” or abrupt disappearance will be smoothed out — making it feel like it was before the update.

Best regards,