Skip to content

Instantly share code, notes, and snippets.

@humayunahmed8
Last active October 24, 2023 09:14
Show Gist options
  • Save humayunahmed8/251bfa03c75d5a294d48c1cc92262e9f to your computer and use it in GitHub Desktop.
Save humayunahmed8/251bfa03c75d5a294d48c1cc92262e9f to your computer and use it in GitHub Desktop.
Add LI Class for WP Nav Menu
<?php
// Add Formal/Mobile Menu li Class
function lhcorp_formal_menu_li_classes($classes, $item, $args) {
if($args->theme_location == 'formal-menu') {
$classes[] = 'glue-header__item nav-items';
}
return $classes;
}
add_filter('nav_menu_css_class', 'lhcorp_formal_menu_li_classes', 1, 3);
// Add Class without menu it's children
function lhcorp_formal_menu_li_classes($classes, $item, $args) {
if ($args->theme_location == 'formal-menu') {
// Check if the item is a top-level item, not a child
if ($item->menu_item_parent == 0) {
$classes[] = 'glue-header__item nav-items';
}
}
return $classes;
}
add_filter('nav_menu_css_class', 'lhcorp_formal_menu_li_classes', 10, 3);
<?php
// Add or Customize Mobile/Formal Menu Container Class
function remove_mobile_menu_container_class($args) {
// Check if the menu is for the mobile menu location.
if ($args['theme_location'] == 'formal-menu') {
$args['container_class'] = 'glue-header__link-bar';
}
return $args;
}
add_filter('wp_nav_menu_args', 'remove_mobile_menu_container_class');
@humayunahmed8
Copy link
Author

Screenshot_165

Container, List Item, Menu Item Class

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment