Expanse Theme - Change footer headers and mega menu headers font type, weight and size

[saraki]

Hello

My footer menu headers are inconsistent. They all have the bold text font (Avenir Next), while one shows up with the header font (Goudy Old Style).
Question 1: Why is that??

 

My mega menu headers also have the bold text font (Avenir Next) 

 

 

My header menu is Avenir Next capitalized.

Now I would like to change all headers - the ones in the mega menu and the footer headers - to capitalized Avenir next and NOT bold. Just regular. Same as my header menu navigation.

Is there a code I can place somewhere that will allow me to change the fonts easily myself so that I can adjust things in case I don't like this change?

Thanks in advance!
S.

[Moeed]

Hey @saraki 

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,
Moeed

[saraki]

Hi @Moeed 
The store url is https://inibo.co/
(update: password info removed)

Thank you!

[Moeed · Accepted solution]

Hey @saraki 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.megamenu__col-title a {
    font-family: 'Avenir Next' !important;
    text-transform: uppercase !important;
    font-weight: 100 !important;
}
.footer__title {
    font-family: 'Avenir Next' !important;
    font-weight: 100 !important;
    text-transform: uppercase !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[saraki]

Thank you so much @Moeed 😍, this works!

[Moeed]

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.