helix menu is trying to use font awesome 6??? so i get blocks instead of arrows - Forum | JoomShaper
Awaiting an answer Helix Framework

helix menu is trying to use font awesome 6??? so i get blocks instead of arrows

Asked by pgypps 2 years ago Last activity 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;
}

17 replies

Oldest first Newest first Most helpful
Paul Frankowski Senior Staff
2 years ago 
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.

Qamar Siddique Bhatti
2 years ago

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

pgypps Asked this
2 years ago

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";}

Paul Frankowski Senior Staff
2 years ago · edited

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.

pgypps Asked this
2 years ago

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 :)

Paul Frankowski Senior Staff
2 years ago

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

Paul Frankowski Senior Staff
2 years ago · edited

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

pgypps Asked this
2 years ago

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)

pgypps Asked this
2 years ago

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.

Qamar Siddique Bhatti
2 years ago

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/

Qamar Siddique Bhatti
2 years ago

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

pgypps Asked this
2 years ago

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

Paul Frankowski Senior Staff
2 years ago · edited

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"; }
Paul Frankowski Senior Staff
2 years ago · edited

1st method fix:

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

pgypps Asked this
2 years ago

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

Qamar Siddique Bhatti
2 years ago

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

Qamar Siddique Bhatti
2 years ago

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.

Paul Frankowski Senior Staff
2 years ago · edited

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

Log in to reply.