Font Awesome 5 – WooCommerce Menu Cart No Longer Showing

  • Resolved happyisco

    (@happyisco)


    5 years, 4 months ago

    Hi,

    Since the update from Font Awesome 4 to Font Awesome 5, the WooCommerce Menu icon in the Main Menu of my website is only displaying a square. I tested to make sure the problem was in fact due to this change, and when I turn off the Load Font Awesome 4 Support in Elementor Advanced Settings, the WooCommerce Menu icon does indeed return, however all other icons change to squares.

    Can anyone advise how I can fix this please?

    Thanks,
    Rebecca

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)

  • It doesn’t seem to be using the correct class

    far is the new class for regular icons
    fa is the old class

    Currently your cart icon has the class “fa” so it’s an old class, hence FA5 can’t find the glyph for it. This may be a theme issue.

    Elementor > Settings > Advanced tab > Load Font Awesome 4 Support: Yes
    should solve this problem.

    Hello,
    i had this too with 3 sites (woo+oceanwp) and the only way is to add little css for set a ‘bold’ mini-cart icone after set font-awesome 5 :

    .wcmenucart i {font-weight:900!important;}

    if this can help you.

    • This reply was modified 5 years, 4 months ago by khahina.

    Hi,

    @cavalierlife it doesn’t work with me…

    @happyisco do you find fix ?

    Regards,
    Alexis LAURORA

    Thread Starter happyisco

    (@happyisco)

    Hi everyone,

    Just an update – the fix from @khahina worked for me – thanks so much.

    @cavalierlife – I had already tried turning that off and on. When I turned it off, the missing icon returned, but then I had 4 other missing icons. When I turned it back on, the 4 icons returned to normal, but the WooCommerce menu icon disappeared again. It could be a theme issue as @mononox states, but the CSS provided by @khahina has done the trick.

    Thanks so much.

    Solving this was hard work.

    1) in Elementor settings – advanced, make sure the Load font awesome 4 support drop down is set to Yes.
    1) Go to any page and edit with Elementor
    2) Add an icon anywhere on the page
    3) You should see a pop up asking you to upgrade
    4) You May also have to go to dashboard- Elementor – tools or settings and confirm the upgrade on the font awesome tab. If there is no Tab then you are probably good.
    5) Upgrade Elementor and Elementor pro
    6) Run the database updates if you see a message to
    7) Clear ALL caches
    8) Test in an incognito browser

    This has affected me on 2 major sites and these steps fixed both.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Font Awesome 5 – WooCommerce Menu Cart No Longer Showing’ is closed to new replies.