[Resolved] Menu Icons Don't Carry Over From Homepage

[Mia]

Hi Leo, okay so I added Code Snippets and then added this:
add_action( ‘wp_enqueue_scripts’, ‘tu_load_font_awesome’ );
/**
* Enqueue Font Awesome.
*/
function tu_load_font_awesome() {
wp_enqueue_style( ‘font-awesome’, ‘//use.fontawesome.com/releases/v5.1.0/css/all.css’, array(), ‘5.1.0’ );
}

The icons are still showing as empty boxes on a few pages, should I just give it some time? I checked and I do have FA5 icons in the menus.

[Leo]

I can see them now:
http://www.screencast.com/t/8qVw2pWFbW9v

Perhaps try clearing your browser cache?

[Mia]

Do you see them on all of the pages? For instance, I can see mine on Home and Pricing, but not on Services, Our Story, or Contact Us

[Tom]

Font Awesome 4.7 is being loaded on those pages, and the HTML you’re using is for Font Awesome 5. Are you still using a Font Awesome plugin? If so, try disabling it.

[Mia]

I’m not, but I am using Beaver Builder and I think that’s where the issue is coming from. I went back to FA4 (bc Beaver Builder supports that) but then the icons didn’t load anywhere, so that was no good. I apologize this is taking forever to get an answer!

If I adjust the function that you gave me to include FA version 4 instead of 5 like it does, will that solve my issue? Here’s what is currently on the site
:
add_action( ‘wp_enqueue_scripts’, ‘tu_load_font_awesome’ );
/**
* Enqueue Font Awesome.
*/
function tu_load_font_awesome() {
wp_enqueue_style( ‘font-awesome’, ‘//use.fontawesome.com/releases/v5.1.0/css/all.css’, array(), ‘5.1.0’ );
}

THANK YOU!

[Tom]

Hmm.. You could try doing this?:

add_action( 'wp_enqueue_scripts', 'tu_load_font_awesome' );
/**
 * Enqueue Font Awesome.
 */
function tu_load_font_awesome() {
    wp_enqueue_style( 'font-awesome-5', '//use.fontawesome.com/releases/v5.1.0/css/all.css', array(), '5.1.0' );
}

[Mia]

That worked! Thank you so much! 🙂

[Tom]

You’re welcome 🙂

[Author]

Posts