Hi, Instead of the menu arrows appearing normally throughout this website, some pages don't display the menu arrows - they're appearing broken like on this page: https://westernmasscit-ttac.org/cit-overview/cit-certification.html
Helix Settings: Enable Font Awesome (enabled)
Compile SCSS to CSS: (enabled) NOTE: I have disabled and reenabled this setting - cleared my cache several times but the menu arrows are still broken.
Any help would be appreciated. Thank you!
Hi
Thanks for contacting us. You can use this CSS in 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" !important;
}-Regards.
Your CSS was correct, Toufiq's CSS produced question marks instead of arrows. Thank you
Hi there,
Thank you for reaching out. Add this css code inside the custom.css file or template settings custom code CSS box.
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: "";
float: right;
margin-left: 7px;
font-weight: 900;
}or
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" !important;
content: "";
float: right;
margin-left: 7px;
font-weight: 900;
}Best regards,
Toufiqur Rahman (Team Lead, Support)
I have added your code to my custom.css file but now instead of the menu arrows - it show question marks???
Glad to know that your issue is fixed and thanks for accepting the answer.
We’d also really appreciate it if you could share a short review of your experience with our product and support. Your feedback helps us improve and is valuable to the community. Thank you for your time and support.