Menu submenu active state

Hi,
Sorry for the late reply, I was not able to login, but examining your page shows that “Publikationen” is the child of “Die ZSG” because “Die ZSG” has these classes:
“current-menu-ancestor current-menu-parent”
If you hover over “Die ZSG” you will see “Publikationen” under it in the sub-menu, along with “e-Statistik” & “ZVEI-Akademie”.
You could change how these menu items are related to each other, but I assume this would not be what you want to do.
So the other option is to remove the parent menu item class when on the child page so the parent is not highlighted, Try adding this code to the end of your functions.php file in Appearance > Editor:

function remove_parent_menu_highlighting(){
  ?>
  <script>
(function ($) { 
  $(window).load(function() {
       if ($("body").hasClass("page-id-456")) {    
          $("#menu-item-28165").removeClass('current-menu-item');
      } 
       else if ($("body").hasClass("page-id-9416")) {
         $("#menu-item-28165").removeClass('current-menu-item');
      }
       else if ($("body").hasClass("page-id-9218")) {
         $("#menu-item-28165").removeClass('current-menu-item');
      } 
       else {
    }
  });
  })(jQuery);
</script>
<?php
}
add_action('wp_footer', 'remove_parent_menu_highlighting');

Best regards,
Mike

Hi,
The script above was to remove the Die ZSG highlighting when on the pages ZVEI-Akademie, Publikationen, & e-Statistik
When reloading the page it might take a second for the script to fix the menu.
I took another look and it’s working for me when clicking or reloading the page, but I do note that your page loads a little slow so there is a flash of red on Die ZSG.
You may not experience this if you use a caching plugin to load the site quicker, I assume that you are not right now.

Best regards,
Mike