Moved .active class from li.nav-item to a.nav-link

I like more to have my .active class on li.nav-item but for the sake of following Bootstrap v5.0 navbar component html, I moved into a.nav-link!

Author: AlexWebLab

bs5starter/functions/navbar.php

@@ -20,7 +20,6 @@ function start_el(&$output, $item, $depth = 0, $args = array(), $id = 0)
     $classes = empty($item->classes) ? array() : (array) $item->classes;
 
     $classes[] = ($args->walker->has_children) ? 'dropdown' : '';
-    $classes[] = ($item->current || $item->current_item_ancestor) ? 'active' : '';
     $classes[] = 'nav-item';
     $classes[] = 'nav-item-' . $item->ID;
     if ($depth && $args->walker->has_children) {
@@ -40,7 +39,8 @@ function start_el(&$output, $item, $depth = 0, $args = array(), $id = 0)
     $attributes .= !empty($item->xfn) ? ' rel="' . esc_attr($item->xfn) . '"' : '';
     $attributes .= !empty($item->url) ? ' href="' . esc_attr($item->url) . '"' : '';
 
-    $attributes .= ($args->walker->has_children) ? ' class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"' : ' class="nav-link"';
+    $active_class = ($item->current || $item->current_item_ancestor) ? 'active' : '';
+    $attributes .= ($args->walker->has_children) ? ' class="nav-link ' . $active_class . ' dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"' : ' class="nav-link ' . $active_class . '"';
 
     $item_output = $args->before;
     $item_output .= ($depth > 0) ? '<a class="dropdown-item"' . $attributes . '>' : '<a' . $attributes . '>';