Hey there!

I'm currently facing an issue after manually updating my site's Font Awesome library by adding some lines of code into child theme's functions.php

add_action( 'wp_enqueue_scripts', 'update_font_awesome');
add_action( 'admin_enqueue_scripts', 'update_font_awesome');
function update_font_awesome() {
    wp_dequeue_style( 'font-awesome' );
    wp_deregister_style( 'font-awesome' );
    wp_enqueue_style( 'font-awesome', 'https://use.fontawesome.com/releases/v6.1.1/css/all.css', '', '6.1.1' );
    wp_enqueue_style( 'font-awesome-shim', 'https://use.fontawesome.com/releases/v6.1.1/css/v4-shims.css', array('font-awesome'), '6.1.1');
}

The Facebook icon on both mobile and desktop header menus are missing but I don't want to revert back to the default Font Awesome Icon library as it's outdated and I would like to keep the version of the icons in the Navigation Megamenu as boxed in the photo attachment. How can I go about rectifying this issue?

I've blocked it and cleared my cache but the Facebook icon on the header menu still isn't showing. Weird thing is, it appears only when the space of the icon is being hovered over.

Hooray! It works! Thank you so much, Tahir & Judith :)

I really appreciate both your help!