Change "size" of FA icons in mega menu - Forum | JoomShaper
Solved Helix Framework

Change "size" of FA icons in mega menu

Asked by Mike Lawson 1 year ago Last activity 1 year ago

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/

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.