Hello, Im wondering how I can use custom CSS to change the "size" of the sub menu item icons in my mega menu? URL: https://2025.abcroofingllc.com/
Solved
Helix Framework
Change "size" of FA icons in mega menu
Accepted answer
Marked as the solution
Ziaul Kabir Staff
Hi Mike,
Thanks for reaching out to us.
You can use custom CSS to adjust the size of the Font Awesome icons in your mega menu. Try adding this to your CSS file or custom CSS section:
body.ltr .sp-megamenu-parent > li.sp-has-child > a:after,
body.ltr .sp-megamenu-parent > li.sp-has-child > span:after,
.sp-dropdown-inner ul.sp-mega-group li a span:before{
font-size: 14px; // Change font size based on your needs.
}
Check this documentation for adding custom css: https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta
Let me know if you need any more help!
Best Regards,
1 more reply
Mike Lawson Asked this
Thank you
Ziaul Kabir Staff
You are welcome.
Log in to reply.