Live Sports Navigation Font Awesome Broken After Updating To Joomla 5.0
T-J Panttila
I updated my site from Joomla 4.4 to Joomla 5. Everything else went okay but navigation broke down a bit. Font awasome icons are not showing up properly now as it only shows boxes instead of normal arrows used on the template.
Already tried these: Disable and Enable font awesome again. Cleared cache Installed the template again
Still navigation does not show font awesome icons properly.
I also installed latest helix template and tested that one and with that template font awesome works as it should be. Problem is with the Live Sports template now. Any idea how I could fix this one while waiting for a possible update to the template?
Rashida Rahman
Accepted AnswerHi there!
Sorry for your experience.
Would you please share your site URL here to check? Did you try to toggle the 'Compile SCSS to CSS' option also? Please recheck the following documentation:
Best Regards
T-J Panttila
Accepted AnswerCompile SCSS to CSS option was only I had not tried yet but that did not help either. Also tried adding custom CSS code that was on the troubleshooting page but that did not help either.
Page address is www.kortteliliiga.net/v4 which is a site still under development.
Rashida Rahman
Accepted AnswerPlease use the following code in your custom CSS for now:
.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' !important;
}Here is all about custom code placement in Helix Ultimate: https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta
Hope this helps!
Best Regards