Different versions of Font Awesome in Offcanvas menu - Forum | JoomShaper
Staff replied Helix Framework

Different versions of Font Awesome in Offcanvas menu

Asked by Marco 2 years ago Last activity 2 years ago

Hello,

in my offcanvas menu I see two different versions of Font Awesome for the angle brackets.

In the view with closed submenu items - graphic https://prnt.sc/qljP-X-ThoGB
version 5 is displayed: font-family: "Font Awesome 5 Free";

In the view with open submenu items - graphic https://prnt.sc/-s2LAJUjM_vw
version 6 is displayed: font-family: "Font Awesome 6 Free";

How can I standardize this?

Regards - Marco

5 replies

Marco Asked this

only version 6 is used in the offcanvas menu - my mistake, sorry.
But for some reason the characters are not displayed correctly - the fonts files seem to be in the fonts directory of the template
fa-regular, fa-solid, fa-brands

Mehtaz Afsana Borsha Staff

Hi

Thanks for contacting us. Could you please give me your site URL? So that I can check.

-Regards.

Marco Asked this

I am overriding the default "Font Awesome 6 Free" settings with css "Font Awesome 5 Free" at the moment. Without these settings, the Font Awesome characters would not be displayed correctly.
www.hebammenzentrum.at is the page

Mehtaz Afsana Borsha Staff

Is this ok now?

Marco Asked this

at the moment it is ok, I would be interested to know why the CSS code for the offcanvas menu wants to use Font Awesome version 6 and I have to change it to version 5 via CSS, because the characters are not displayed correctly with version 6 (maybe the correct character set is not available?) - where is the version of Font Awesome for Helix Ultimate defined?

regards

Marco Asked this

Hello,

The following CSS entry refers to the template.css file under /templates/shaper_helixultimate/css

.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent.menu-parent-open>.nav-header>.menu-toggler:after {
    font-family: "Font Awesome 6 Free";
    content: "";
    font-weight: 900;
}

By the way, there is no difference between Font Awesome activated in SP Page Builder or in Helix Ultimate.

In the file font-awesome.min.css, also under /templates/shaper_helixultimate/css, "Font Awesome 6 Free" is also specified.

I have changed the entry "Font Awesome 6 Free" to "Font Awesome 5 Free" in both files and now the angle brackets are displayed correctly.

It is strange that it does not work with version 6, as there are various Font Awesome files in the font directory of the template under /templates/shaper_helixultimate/fonts - e.g. also the version 6.4.2 specified in font-awesome.min.css.

https://prnt.sc/mfNvDKI3m0f1

https://prnt.sc/8KP9MTvfIxTe

So it might be a wrong reference or a wrong or missing Font Awesome file - right?

Regards - Marco

Mehtaz Afsana Borsha Staff

Thanks for sharing it with us. You can now close this post by accepting the answer.

Marco Asked this

You want me to accept my own answer? That's a bit bizarre 😁 I thought you were the support team? A technical answer would be nice - it's a problem with Helix Ultimate and renaming the Font Awesome version is not a clean solution. The question is why version 6 does not work under Helix? Please answer!

regards

Mehtaz Afsana Borsha Staff
2 years ago · edited

Could you please give me your super admin access please.

Marco Asked this

Thank you

Mehtaz Afsana Borsha Staff

Hi

You have to use Joomla 5 otherwise you can not use Font awesome 6.

Marco Asked this

Thanks for the information!

Since there are probably still many Joomla 4 instances in operation - Joomla 5 was only released in October - a possibility to choose between Font Awesome 5 and 6 via the backend would be the ideal solution instead of editing an existing file designed for Font Awesome 6 and storing version 5 there, right?

So is my solution the one you recommend?

Regards

Mehtaz Afsana Borsha Staff

I have talked with our DEV team and they said it should work on Joomla 5. You can try it.

Thanks.

ssnobben

Thks have the same issue and this need to be fixed..

Thks

Log in to reply.