Hi Miguel. I think this is outside the support of Joomshaper.
I got it working and here is the instruction:
Add two classes to the link in the menu item settings. Mandatory class nav-link
and some kind of your own class for stylization, for example target-link
.
Add following code to the custom.js file (read Helix documentation about this file)
For Helix Ultimate 1 based templates.
jQuery(function ($) {
$('body').attr({
'data-spy': 'scroll',
'data-target': '.sp-megamenu-wrapper'
});
$('.sp-megamenu-parent').addClass('nav');
$('.sp-menu-item').addClass('nav-item');
});
For Helix Ultimate 2 based templates.
jQuery(function ($) {
$('body).attr({
'data-bs-spy': 'scroll',
'data-bs-target': '.sp-megamenu-wrapper'
});
$('.sp-megamenu-parent').addClass('nav');
$('.sp-menu-item').addClass('nav-item');
});
Then use your own class to stylize active link state via css.
For exemple:
.target-link.active {
color: red !important;
}