I was unable to do this with Prestashop 8.
I found a Javascript method here:
https://www.sunnytoo.com/forums/topic/disable-click-on-parent-category-in-the-menu
jQuery(function($){
$('.ml_level_1').has('ul.mu_level_2').find('.ma_level_1').addCSS({'pointer-events': 'none', 'cursor': 'default'});
});
I just can't figure out the correct CSS classes to replace those .ml_level_1 etc.
ChatGPT gave an alternative if jQuery is not in use:
document.addEventListener('DOMContentLoaded', function() {
var level1Elements = document.querySelectorAll('.ml_level_1');
level1Elements.forEach(function(level1Element) {
if (level1Element.querySelector('ul.mu_level_2')) {
var maLevel1Elements = level1Element.querySelectorAll('.ma_level_1');
maLevel1Elements.forEach(function(maLevel1Element) {
maLevel1Element.style.pointerEvents = 'none';
maLevel1Element.style.cursor = 'default';
});
}
});
});
Can someone please figure out the correct classes?