Helix Menu is Trying To Use Font Awesome 6??? So I Get Blocks Instead Of Arrows - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Helix Menu is Trying To Use Font Awesome 6??? So I Get Blocks Instead Of Arrows

pgypps

pgypps

Helix Framework 2 years ago

ive upgrade sppagebuilder ...but so far as i know nothing else such as the template.

my helix ultimate menu suddenly got squares where the arrows should be.

checking css i get font awesome 6 , so i change to 5 and all is fine...any ideas ? why did it change to 6 if no update? i reloaded helix template and helix plugin and it didnt do anything noticeable ? what made this happen?

body.ltr .sp-megamenu-parent>li.sp-has-child>a:after, body.ltr .sp-megamenu-parent>li.sp-has-child>span:after { font-family: "Font Awesome 6 Free"; content: ""; float: right; margin-left: 7px; font-weight: 900; }

0
26 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #134996
body.ltr .sp-megamenu-parent>li.sp-has-child>a:after, 
body.ltr .sp-megamenu-parent>li.sp-has-child>span:after 
{ font-family: "Font Awesome 5 Free"}

Should fix your missing icon problem.

0
QB
Qamar Siddique Bhatti
Accepted Answer
2 years ago #135017

I have the same issue, where do I put the custom code? to fix the problem.

0
pgypps
pgypps
Accepted Answer
2 years ago #134997

Paul...Ive worked with you on these support tickets for about 15 years, so I know your quick answer isnt the way you usually do it ! I know the fix as i put it above...and ive donte the mobile menu too....my question ..why? why is joomla suddenly reporting Font Awesome 6 Free for the menu ? i havent got it installed, i only have the one which comes with pagebuilder and helix ultimate! PB was just updated so. i assume its loaded with 6 ...so has everyone now got this issue? ?

WHY??

body.ltr .sp-megamenu-parent>li.sp-has-child>a:after, body.ltr .sp-megamenu-parent>li.sp-has-child>span:after {font-family: "Font Awesome 5 Free";}

.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler:after, .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler:after { font-family: "Font Awesome 5 Free";}

2
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #134999

It's releated with Joomla 5.x where FA6 is inside core.

but I am not sitting in head of our developer to give you answer "why".

I will ask him tomorrow again.

0
pgypps
pgypps
Accepted Answer
2 years ago #135002

i get it...im guessing that they should have changed the font awesome downward arrow for the new one in FA6 then it would have been fixed....i would expect you are going to get a lot of tickets on that tomorrow :)

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #135004

Even don't even tell me that...... software hell is lined with good intentions.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #135028

@pgypps

I have question: you used Helix Ultimate from our download section, or version that I shared few days ago?

If yes, please download from DOWNLOAD section and install it, then clear Joomla cache & reload.

0
pgypps
pgypps
Accepted Answer
2 years ago #135030

it was already happening, I then additionally downloaded the latest version again and the plugin for yoour website and installed over the top (same version)

0
pgypps
pgypps
Accepted Answer
2 years ago #135029

ok someone has already asked where to put the code, so heres how: First ensure you use google chrome to check before and after css is being used, right click a page and use inspect and then "bottom left" click the arrow with the dotted square which allows you to point to something to check - in this case you will be clicking the menu downward arrow. then see that you are currently using font awesome 6, once fixed you can go back here and it should look like my screenshot of COR Solutions here

now head over to the backend of Joomla, > System > Site Template Styles and choose your active template >template options (green button)

Click "Custom Code" and insert your CSS into here - Save

Now go back to your chrome page for your site, refresh and check - if it hasnt changed click the three dots at the top right hand corner and use incognito mode in case your cache is holding an old version.

0
QB
Qamar Siddique Bhatti
Accepted Answer
2 years ago #135073

Thank you for your quick response and tips, I have tried all the steps but it does not work for me, I still see squares.

You may look at my development website here; https://iais.my/j4/

0
QB
Qamar Siddique Bhatti
Accepted Answer
2 years ago #135084

i am on joomla 5 now, i didn't have this issue in j4.

0
pgypps
pgypps
Accepted Answer
2 years ago #135128

well..annoyingly i think you'll need to remove the custom css you put in earlier and change back to font awesome 6 ...Im working on an update whilst we wait for joomshaper ...but basically it looks like the new css, js etc have not been added correctly...hopefully paul will find out when that'll happen

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #135081

2nd method: fix for J4.4 only, in case of:

.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 {
  font-family: "Font Awesome 5 Free"; }
0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #135082

1st method fix:

Please go to Template Options > Advanced > SCSS > Compile : On > Save settings

0
pgypps
pgypps
Accepted Answer
2 years ago #135117

you know...the main things generally are, if you have the right css...

clear cache > always a must for this In Template, advanced which is under the custom code https://prnt.sc/Lamaf_rVTK7e make sure you have the font awesome on....and do the same in pagebuilder advanced

if that fails...check what you have installed in joomla and ensure font awesome isnt installed as Joomshaper embed it rather than install it...so it shouldnt show in your installed item page...

then you should be good

0
QB
Qamar Siddique Bhatti
Accepted Answer
2 years ago #135137

I have repied in the hidden content; I went from 4.3 to 4.4 and then to J5.

0
QB
Qamar Siddique Bhatti
Accepted Answer
2 years ago #135141

thank you for your effort, I shall wait for Paul to look at my admin area and figure out if the developers need to provide a fix for everyone.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #135142

@Qamar

  1. why you need Joomla 5.0.0 today ???
  2. Fixed on your site already. How? I just removed my CSS that was for J4.4 only.

I assume that you are Joomla beginner.

0
pgypps
pgypps
Accepted Answer
2 years ago #135157

Dude !!! why someone wants to be on the latest version of joomla when joomshaper advertisers thats their latest addons work in J5 is obvious... however i note that the Files and CSS are still Font awesome 5 when the libraries should have been updated by your developer considering your update now references FA6 ...My site is j4 still so my manual css fixed it but for @Qamar he is on j5 and it doesnt

https://prnt.sc/hv20HfACLzON

1
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #135180

If somebody wants to use buggy version of J5.0.0 on production site, it's his decision. Q: How many years took Joomla Dev Team to reach Joomla 4.4 from Joomla 4.0.0. I will tell you, 3 years !


As Bobby Akart told “You are free to make your choices, but you are not free to choose the consequences.”

And if somebody is fresh webmaster it may cost him a lot (time, stress, money), but doesn't know it yet.

0
pgypps
pgypps
Accepted Answer
2 years ago #135182

and this is why we love you

0
QB
Qamar Siddique Bhatti
Accepted Answer
2 years ago #135254

I am not new to Joomla but in the midst of moving old sites from J3 to J4 and eventually to J5.

I moved all my articles from K2 to Joomla core.

I thought of trying J5 since your extension supports it, why not go with the latest and greatest.

As for J5 being buggy or not, that should be the developers responsibility to fix it, we as end user would always be willing to try the latest version and give feedback so the developers could improve it.

I think we, as early testers, need to be encouraged to try out the latest.

Thanks for resolving the issue anyway.

Qamar.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #135261

I thought of trying J5 since your extension supports....

Yes, but we talk about Helix Ultimate and SPPB 5.x only (!) and how many extensions are not J5.x ready - and you may need extra (components, modules or plugins) in next week(s) and then what? Despair?!

Of course, if your site will only use, for example, 2-3 extensions that are already J5-compatible, then why not. But it's better to think two steps ahead.


With Joomla 5.0.0 as it was with Joomla 4.0.0 - we as webmasters should be patient. This is not a race to the store for the latest iPhone.

0
QB
Qamar Siddique Bhatti
Accepted Answer
2 years ago #135262

As for my simple website, I have all the components and modules that I need, as mentioned I have moved away from K2, I guess I will be ok for the foreseeable future :)

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #135265

In that case, you can invest your time in Joomla 5.0.x and count on fast CMS updates.

0
Klaus Brandt
Klaus Brandt
Accepted Answer
2 years ago #135268

Hi @Paul Frankowski,

Worked for me in Joomla 4.40. Thx Klaus

0