How to edit Main Menu font size and colour

Hello everyone!

Can you please tell me how I can change font colours, size and family for for my Main Menu pls which appears on the top of the screen.

I would like to match it with my logo colour which is about orange.

Is it possible to add a small image icon before the menu and it shows everytime a user hover the menu for example About Us page?

Which part under editor folders can I do that?

Any link to documentation regarding about editing the template fonts and lay-out would be very much appreciated.

Thanks.

kind regards,
Melissa

Any link to the

1) Try add this to custom.css file and change value/properties accordingly:

.t3-mainnav .t3-navbar .navbar-nav > li > a{font-size: 12px !important;font-family: arial,serif;color: #000;}

Note: You can also embed google font or web font in T3 framework which powers the specific template

Also, You may view this documentation excerpt for reference of adding new fonts

2) You may kindly view this documentation excerpt for adding icons in Megamenu which is supported in T3 framework

Thank you so much! I will work on this now and hopefully it'll all comes out well.

Kind regards, Melissa 🙂