Change default drop down icon in helix menu

Hello Mike,

Thanks for reaching out! You can change the default dropdown arrow icon in the Helix menu by adding the following CSS to your custom CSS file:

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: "\f13a"; /* Replace this with your desired Font Awesome icon */
}

Simply replace \f13a in the content property with the Unicode value of your preferred Font Awesome icon. Make sure Font Awesome 6 is properly loaded on your site for this to work.

Also check this documentation for adding custom css: https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta

Let us know if you need further assistance!

Thanks!