Navigation Menu Class

[Gregory]

I want to add a custom class to the ul element in the following Primary Navigation Menu:

<nav class="nav-primary">
  <div class="wrap">
    <ul id="menu-top-menu" class="menu genesis-nav-menu menu-primary my-custom-class">
      <li id="menu-item-53" ...></li>
      <li id="menu-item-54" ...></li>
      <li id="menu-item-55" ...></li>
    </ul>
  </div>
</nav>

I've seen various tutorials out there that advise how to achieve this in one form or another, but not on the ul tag (which is the container for the li elements).

Any help would be appreciated.

Thanks.

Gregory

[Victor Font]

This will do it for you when added to functions.php:

add_filter( 'wp_nav_menu_args', 'my_custom_ul_class' );
function my_custom_ul_class( $args ){

    $args['menu_class'] .= ' my-custom-class';
    return $args;
}

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Gregory]

... thanks again Victor.

[Author]

Posts