Solved Templates

Live Sports navigation font awesome broken after updating to Joomla 5.0

Asked by T-J Panttila 2 years ago Last activity 2 years ago

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?

Accepted answer

Marked as the solution
Rashida Rahman Staff
2 years ago

Please 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

3 more replies

Oldest first Newest first Most helpful
T-J Panttila Asked this
2 years ago

Compile 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.

T-J Panttila Asked this
2 years ago

Thanks Rashida. That fixed the issue :)

Rashida Rahman Staff
2 years ago

Glad that it helped and you are always welcome:)

Have a nice day!

Log in to reply.