Custom walker nav – Add sequential number as class

Try it like this:

class ik_walker extends Walker_Nav_Menu {

    function start_lvl(&$output, $depth) {
        $GLOBALS['ik_walker_counter'] = 0;
        $output .= '<nav class="site-navigation" role="navigation">'.
            '<ul>';
    }

    function end_lvl(&$output, $depth) {
        $output .= '</ul>'.
            '<button id="menu" class="menu-button" type="button" role="button" aria-label="Menu Toggle">'.
            '<span class="icon-menu"></span>'.
            '</button>'.
            '</div>';
    }

    function start_el(&$output, $item, $depth, $args) {
        global $wp_query;
        global $ik_walker_counter;
        $indent = ( $depth ) ? str_repeat( "\t", $depth ) : '';
        $class_names = $value="";
        $classes = empty( $item->classes ) ? array() : (array) $item->classes;
        $class_names = join( ' ', apply_filters( 'nav_menu_css_class', array_filter( $classes ), $item ) );
        $class_names=" class="" . esc_attr( $class_names ) . '"';
        $output .= $indent . '<li id="menu-item-'. $item->ID . '"' . $value . $class_names .'>';
        $attributes  = ! empty( $item->attr_title ) ? ' title="'  . esc_attr( $item->attr_title ) .'"' : '';
        $attributes .= ! empty( $item->target )  ? ' target="' . esc_attr( $item->target     ) .'"' : '';
        $attributes .= ! empty( $item->xfn )        ? ' rel="'  . esc_attr( $item->xfn      ) .'"' : '';
        $attributes .= ! empty( $item->url )        ? ' href="'   . esc_attr( $item->url        ) .'"' : '';
        $attributes .= ' class="c'.(++$ik_walker_counter).'"';
        $item_output = $args->before;
        $item_output .= '<a'. $attributes .'>';
        $item_output .= $args->link_before . apply_filters( 'the_title', $item->title, $item->ID ) . $args->link_after;
        if(strlen($item->description)>2){ $item_output .= '<br /><span class="sub">' . $item->description . '</span>'; }
        $item_output .= '</a>';
        $item_output .= '<span class="'.$args->my_individual_class.'"></span>';
        $item_output .= $args->after;
        $output .= apply_filters( 'walker_nav_menu_start_el', $item_output, $item, $depth, $args );
    }

}

Your c1 through cn classes are tracked/counted by the global $ik_walker_counter variable, which is reset every time we start a new level. The individual class goes as new parameter in your walker arguments ( e.g., 'my_individual_class' => 'paw-icon'.

Related Posts:

  1. Custom Nav walker display current menu item children, or siblings on no children
  2. Add a custom walker to a menu created in a widget
  3. Using a menu walker add a custom item at the end of the menu’s items
  4. How Does The Walker Class Work?
  5. How does a minimal menu walker look like?
  6. WordPress Menu Custom Walker Class
  7. How to create this custom menu walker?
  8. add span class inside wp_nav_menu link anchor tag
  9. How do I pass an argument to my custom walker?
  10. Custom Nav Walker menu – Display children count
  11. Using string instead of object class instantiation on the walker argument breaks wp_nav_menu
  12. Adding attributes to link in wp_nav_menu using custom Walker function
  13. Walker_Nav_Menu: put custom code between a particular
  14. Show top-level parent with submenu menu walker
  15. Adding a class (arrows) to main menu links that have children?
  16. Adding html elements to wp nav menu
  17. Bar separated navigation by extending Walker_Nav_Menu
  18. Check if wp_nav_menu items have submenus
  19. start_lvl on Walker is not working
  20. Add div to specific sub-menu
  21. wp_nav_menu custom walker – child items
  22. Nav walker, bootstrap: Display 3rd level items under 2nd level
  23. Sub-Pages only of menu items in current branch using a custom menu
  24. Indirect modification of overloaded property WP_Post::$classes has no effect
  25. Benefits of using Nav Walker?
  26. Use walker for specific menu, or avoid use of walker
  27. Getting post content within wp_nav_walker
  28. has_children in custom nav_walker
  29. Counting top level items in a custom menu walker
  30. Main Menu and Sub Menu Items for Footer
  31. How to construct a custom html for submenus
  32. View h2 content tags of a page in sub menu
  33. Change an li class name in a wordpress custom menu walker
  34. How do I separate link levels in a custom menu walker?
  35. Add within the output of
  36. How to add ID attribute to each submenu?
  37. Is this format possible with a custom Nav Walker class?
  38. walker – 0 level on submenu formatting
  39. Determine the last child of the parent menu WP Nav Walker
  40. Difference between walker class and basic php
  41. Custom navigation structure with walker class
  42. Navigation doesn’t render when wp is hosted
  43. CSS_Menu_Walker not showing on mobile view?
  44. getting the current sub item out of total sub items in a given dropdown (custom walker)
  45. How do you add a around the second level of a Menu?
  46. How to add class to parent a tag with a sub menu
  47. Help with walker for nav
  48. Dynamic_sidebar inside wp_nav_menu
  49. How to actually make menu walker alive on admin interface?
  50. Why is only the first operation run in my loop – except for on the last repeat? [closed]
  51. How Do I Add Images To Main Navigation Menu
  52. How to add a element with walker menu right after begin of the navigation tags?
  53. WordPress Nav Walker – Top menu link with dropdown link not clickable (dropdown opens)
  54. Displaying Nav Menu
  55. Wrapping menu’s top-level link and sub-menus in div
  56. Remove a class from a using Walker
  57. Add custom class to li element which has children
  58. wp_nav_menu: Is there a way to modify the output of that got a submenu?
  59. Custom menu walker – remove li tag based on class name
  60. How to convert the argument of wp_list_pages to an array
  61. How to change the menu mark up with walker_nav_menu class?
  62. changing the labels inside appearance -> menus for some for the fields
  63. How to get current pages menu text?
  64. Costum walker with sub menu item count
  65. Walker_Nav_Menu creating too many closing tags?
  66. Hook or callback when wp_nav_menu() has completed
  67. How do I add 3rd level of dropdowns to wp_nav_menu array?
  68. How to include second layer sub menu to Walker Nav?
  69. Help with WordPress Custom Nav Walker
  70. Why is my navigation in my onepage not working?
  71. How can I creat custom menu with bootstrap
  72. Can I now add a class in the anchor of my menu item with WordPress 5.4?
  73. Multi-Level Nav Bar
  74. Does the Default theme of WordPress like 2016, 2017 and 2019 uses Walker_Nav_Menu Class
  75. Nav_walker add id to dropdown ul
  76. Change markup for just 2nd list element in custom Walker menu
  77. Menu walker: how to tell if a sub menu contains submenus?
  78. Where to place a svg chevron down in my custom walker?
  79. Output existing wp_nav_menu with a custom walker
  80. How to remove a sub-menu using walker hooks/filters without relying on a custom walker?
  81. how to split vertical menu into two columns using walker nav menu
  82. Extending Walker_Nav_Menu in wp_nav_menu List of Empty Items
  83. Parent link need to go first child submenu
  84. Custom wordpress submenu
  85. Walker or wp_get_nav_menu_items VS jQuery
  86. WPML CMS Nav and Custom Nav_Walker Undefined Property Notices [closed]
  87. How to add odd and even classes to all nav links through walker?
  88. Output sort number in wp menu list item?
  89. Custom menu with Walker class – what should the $db_fields be?
  90. Is it possible to separate all submenu items?
  91. Check in walker if current page is descendant
  92. How can I edit submenu headings using wp_nav_menu walker?
  93. Specific Page that convert Hyperlink to anchor in nav menu
  94. Can’t add optional class to menu item when using Walker_Nav_Menu
  95. Customize Walker_nav_menu to show posts if item is category
  96. Determine if a navigation item has children
  97. wp_nav_menu – Collapse with PHP
  98. custom walker to add iconfont to wp_nav_menu
  99. Using walker to display all menu branches at once?
  100. WordPress nav Walker – Bootstrap 5.2.3 – submenu not opening