Just upfated to Joomla 4 using Educon Template and drop down menus that also have a drop down display a strange character all of a sudden.
To see please go to: https://www.edklopfer.com and hover over the courses menu item - you'll see either a small box or a box with the letter FL05. How do I remove this?
Thanks for your help,
Syd
Hi Syd,
broken FA icon, is becuase of old name from FA 4.7 that it's not supported in FA 5.x
hopefully easy to fix. if you are lost, I will let you know soon what to do...
In custom CSS please add those lines:
.sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child > a::after {
font-family: "Font Awesome 5 Free";
content: "\f105";
font-weight: 600;
}
AND If you don't need left blue arrow add also that
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a::before {display: none;}
after using both
Thank you so much Paul - I spent 2 hours yesterday trying to figure it out myself and now thanks to your super fast response it was fixed before the client ever saw it!
You get the gold star of the day!
Hi Paul,
I've got a similar behaviour on axioma.ro
I tried the script you suggested for Syd but to no avail.
Any other ideas?
@Marian, without url - not.
@Paul, what url, https://axioma.ro ?
Thanks
Somebody edited template.css file? It looks so... or you have old version of Helix.
Anyway, use below Custom CSS
body.ltr .sp-megamenu-parent > li.sp-has-child > a::after,
body.ltr .sp-megamenu-parent > li.sp-has-child > span::after {content: "\f107"; }Hi Paul,
It worked very well.
We have the latest version of Helix Ultimate, no recollection of somebody to mess up with the css files.
But...
Happy to see that it works.
Thank you
Marian
On my demo and private sites all works OK, that's why I was surprised by your mistake.