Is it possible to change dropdown menu icon?

[Minna]

I’d like to change the arrow down icon in dropdown menu to a plus icon, is it possible with css?

site in question https://aino.bhakticreative.com/

[nabeel]

Hi Minna,

Thank you for reaching out to us. In X changing the dropdown icons would require custom CSS, while that is outside the scope of support, I could point you in the right direction with the understanding that it would ultimately be your responsibility to take it from here. To achieve your desired results, you can add the following code in the Theme Options > CSS:

.x-navbar .desktop .x-nav li > a > span::after {
    content: "\f0d7" !important;
}

In the above code f0d7 is the icon code, you can find other icons code here https://fontawesome.com/icons?d=gallery and simply replace the above icon code with yours.

Please note that the code provided above serves as a guide only and is to help you in getting started so implementing it and maintaining the code will be out of our support scope and for further maintenance for new possible versions of the theme that may cause the customization to break, you will need to hire a developer.

Thanks!