Change "size" Of FA Icons In Mega Menu - Question | JoomShaper

Change "size" Of FA Icons In Mega Menu

ML

Mike Lawson

Helix Framework 8 months 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/

0
3 Answers
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 8 months ago #183858

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,

0
ML
Mike Lawson
Accepted Answer
8 months ago #183968

Thank you

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 8 months ago #184020

You are welcome.

0