How to add an icon to booking menu?

Due to the fact that booking menu was added with code to the theme an icon cannot be set to it.

But, we have a solution to add an icon to it by following these steps:

Go to Dashboard > Appearance > Menus

After adding it, on the front end 'Booking' will appear doubled, as follows:

The default 'Booking' will be deleted by going to cPanel > File Manager > public_html > wp-content > themes > wpjobster-child > Edit 'functions.php' and add the below mentioned code > Save changes

add_filter( 'wpj_wpjobster_header_user_account_menu_filter', 'wpj_remove_booking_menu' ); // for seller menu
add_filter( 'wpj_wpjobster_header_buyer_account_menu_filter', 'wpj_remove_booking_menu' ); // for buyer menu
function wpj_remove_booking_menu( $user_menu ) {
	if ( $user_menu && function_exists( 'wpj_is_booking_enabled' ) && wpj_is_booking_enabled() ) {
		foreach ( $user_menu as $key => $item ) {
			if ( $item['id'] == get_option( 'wpjobster_booking_page_id' ) ) {
				unset( $user_menu[$key] );
			}
		}
	}
	return $user_menu;
}

On the frontend only the 'Booking' added by us will remain.

To add an icon to it, please go back to Dashboard > Appearance > Menus > Header User Account Menu > Menu structure > Click on 'Booking' > Select one of the default icons > Save Menu.

This is how it is going to be displayed.

Note: The Booking Menu can be moved back on the second place (or anywhere else) by simply going back to Dashboard > Appearance > Menus > Drag 'Booking' and drop it on which position you want it to be.

Note 2: To add an icon for Buyer's Booking, the same process has to be followed but by going to Dashboard > Appearance > Menus > Header Buyer Account Menu > Menu structure > Click on 'Booking' > Select one of the default icons > Save Menu.