Different Versions Of Font Awesome In Offcanvas Menu - Question | JoomShaper

Different Versions Of Font Awesome In Offcanvas Menu

M

Marco

Helix Framework 5 months 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

0
15 Answers
M
Marco
Accepted Answer
5 months ago #138488

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

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 5 months ago #138925

Hi

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

-Regards.

0
M
Marco
Accepted Answer
5 months ago #138951

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

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 5 months ago #138962

Is this ok now?

0
M
Marco
Accepted Answer
5 months ago #138975

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

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 5 months ago #139040

You can follow these links below, you can get idea from here:

https://www.joomshaper.com/forum/question/20888

https://www.joomshaper.com/forum/question/12382

As your problem is solved for now you can then close this post by accepting the answer.

0
M
Marco
Accepted Answer
5 months ago #139519

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

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 5 months ago #139559

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

0
M
Marco
Accepted Answer
5 months ago #139580

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

1
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 5 months ago #139844

Could you please give me your super admin access please.

0
M
Marco
Accepted Answer
5 months ago #139919

Thank you

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 5 months ago #140019

Hi

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

0
M
Marco
Accepted Answer
5 months ago #140043

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

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 5 months ago #140253

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

Thanks.

0
S
ssnobben
Accepted Answer
5 months ago #139852

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

Thks

0