Strange Character In Menu - Question | JoomShaper

Strange Character In Menu

S

sydk2017

Helix Framework 1 year ago

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

0
9 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #100142

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

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #100151

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

232.jpg

0
S
sydk2017
Accepted Answer
1 year ago #100183

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!

0
MS
Marian Stirbescu
Accepted Answer
1 year ago #106464

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?

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #106471

@Marian, without url - not.

0
MS
Marian Stirbescu
Accepted Answer
1 year ago #106511

@Paul, what url, https://axioma.ro ?

Thanks

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #106532

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"; }
0
MS
Marian Stirbescu
Accepted Answer
1 year ago #106571

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

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #106578

On my demo and private sites all works OK, that's why I was surprised by your mistake.

0