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,