How to duplicate menu item text in wordpress?

Question

User navigation

Hello, tell me how to duplicate the text of a menu item in a separate span in CMS WORDPRESS? Needed to create a hover effect.

Answer 1

In the menu settings for this menu item, specify a custom CSS class, for example 'item-wrap', further in functions.php:

function pss_wrap_nav_item( $title, $item ) {

  if( in_array( 'item-wrap', $item->classes ) ) {
    $title = '<span class="item-wrap has-effect">' . $title . '</span>';
  }

  return $title;

}
add_filter( 'nav_menu_item_title', 'pss_wrap_nav_item', 10, 2 );

It is clear that the classes are out of your head, you can safely change them to your own. A class in the menu item settings is added to make it easier and easier to catch a specific menu item.

Answer 2

you can simply copy or duplicate an element or any other data using js/jquery