Hello,
I have just updated a Joomla 4.x site to the latest Joomla 5. Now all my FontAwesome icons refuse to load or display. It appears Joomla 5 loads FontAwesome version 6. My Helix template loads version 5
How can I fix / update my FontAwesome 5 icons across the site to use the core Joomla FontAwesome v6 icons?
Ah I found a workaround for anyone else int he smae situation. Add these lines to your custom.css file:
/deleteme when helix ultimate is fixed/
.fa { font-family: var(--fa-style-family,"Font Awesome 6 Free")!important; font-weight: var(--fa-style,900); }
.fa-brands, .fab { font-family: "Font Awesome 6 Brands" !important; }
.fa-classic, .fa-regular, .fa-solid, .far, .fas { font-family: "Font Awesome 6 Free" !important; }
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a > .menu-toggler::after,
body.ltr .sp-megamenu-parent > li.sp-has-child > a::after,
body.ltr .sp-megamenu-parent > li.sp-has-child > span::after,
body.ltr .sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child > a::after
{font-family: "Font Awesome 6 Free"; }
Hi Lee,
I ask you to read Helix docs, tip 6. >> https://www.joomshaper.com/documentation/helix-framework/troubleshooting-faq#megamenu-without-arrow-icon-after-helix-ultimate-update
Hey Paul,
in my case Font awesome is not loading. see here https://www.patlector.net/suche.html (before "Suchen")
In SP Compontent it is enabledandinhelix3 thereis no option to enable....what to do?
thnx, martin
