Custom class removed on menu item

Hello,

AFAIK custom css classes is fully supported by plugin, I’ll check tonight to confirm that is working. Maybe you have any other menu plugins?

Ok, I figured out how to adapt the function :

function flatsome_dropdown_fix_menu_image_link_attributes_filter( $attributes, $item, $depth, $args ) {
		$attributes['class'] .= ' '.$item->classes[0];
		return $attributes;
	}
	add_filter( 'menu_image_link_attributes', 'flatsome_dropdown_fix_menu_image_link_attributes_filter', 10, 4 );

Then i need to adapt a bit my CSS, because the class is not added at the same place than with the WordPress native behaviour…

I don’t mark the thread as solved, because I would like to know if there is a better way to do this before.

Sorry, we answered at the same time.

I have Mega Menu running, but not on all of my menus ; the CSS classes issue concerns all of the menus.
I use these classes to add Bootstrap small icons to my simple menus, when your plugin will help me with real images in some big menus.

By default classes added to link and not to li element? I thought wordpress standard behavior added it to li.

I agree, WordPress adds them on “li” elements, but the function I shared right before adds it to “a” element.

Ok, so plugin not added classes even for li like wordpress do?

Not at all…

I get it, plugin is not responsible for any link wrapper, it only change the link code, you can prove it in this code https://github.com/zviryatko/menu-image/blob/master/menu-image.php#L284-L351, list items is created in Walker class and can be changed by arguments in wp_nav_menu() function.

I copy paste the code in my menu-image.php, but see no difference.
Was there something else to do?

Whoops, sorry, I misread what you said.
I will look at the place where wp_nav_menu is called, I’ll tell you if I solved my issue.
Thank you!

I copy paste the code in my menu-image.php, but see no difference.

you shouldn’t. Plugin is not changed li wrappers, only links, and shouldn’t. just disable menu-image plugin and look again if your classes appear for li elements.

I understood some part of the issue.

When I disabled the plugin, I noticed that the CSS class is not added to the li element but to a new i element added before the a link.
This i element disappear with the plugin enabled.

WordPress is not allowed to several modules change menu item, so this I think this <i> element is from another module, like the Mega Menu, or even theme. Look at the code in your theme which shown the menu, search by function that I mentioned before, if you don’t find anything strange, then problem is in one of menu modules. Don’t forget to backup your code before you will disable any plugins, because lot of them can reset their configurations.

I have a lot of menus with small icons, in PHP custom pages or in widgets, etc.
I don’t see how I could create a Walker class for all of them except the only one where I need specific images.

Do you see any solution?

EDIT: Again, we answer at the same time ??

You don’t need create a custom Walker class, you can change Walker settings, there is wp_nav_menu_args filter that allow you to change settings for any menu. Since not all menu plugins supports each other, it’s not possible to do anything without custom code.