Megamenu Caret Icon

SiriusB

Hi,
I'm at a loss, I want a different fontawesome icon in the megamenu, but I can't find the right entry in the css file.

many thanks and best regards

Ninja

SiriusB
Hi
There is no such option to change base on menu as its not icon and a css class.
I am checking it for possible option and update you, it will take some time as testing to add custom css for it.
I will update you here.

Ninja

SiriusB
Hi
It is not possible as icon since this is border class css used for all the menu item and worked same. You can customize the part via css only here is example view i checked and created for using different css caret color

.t4-megamenu.animate.slide .dropdown .cs .item-caret {
    border-top-color: #2bae35!important;
}

.t4-megamenu.animate.slide .dropdown .cs .item-caret a.active {
    border-top-color: #2bae35!important;
}

cs is custom class you need to add in the Menu item options as link class

here is example u can set the icon via css using font code

.t4-megamenu.animate.slide .dropdown .cs .item-caret:before {content: "\f09a";font-family: 'Font Awesome 5 Brands';    font-weight: 400;}

Know more about using font via css here

SiriusB

Ok. You have also implemented something like this on the joomla website. Can I integrate it in JA Alpha like this? If yes how?

Ninja

SiriusB
Hi
I did not as it is custom work and need test and apply different style.
You can follow my suggestion and it work in both ways for custom icon in each menu.