How to change font style and size in dropdown menu

[sportboatshirts]

Hi, I am trying to figure out how to change the font size and font style in my drop down menu. 

[theycallmemakka · Accepted solution]

Hi @sportboatshirts 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

<style>
.list-menu__item,
.header__inline-menu ul.list-menu li a.header__menu-item {
font-family: 'Oswald' !important;
font-size: 22px !important;
}

.mega-menu__list--condensed .mega-menu__link{
    font-family: 'Oswald' !important;
}
</style>

You can change the font-family and font-size as per your need.

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

[sportboatshirts]

This did work for the links in the dropdown menu. Now what do I do about the "Clothing" link 
I also want to change that to Oswald 

[sportboatshirts]

Nevermind, it ended up working. Thank you so much! 

[PageFly-Henry]

Hi @sportboatshirts 

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

#HeaderMenu-clothing span {

    font-family: 'Oswald' !important;

    font-size: 22px !important;

}

Additionally, you can add a banner above the collection on the home page to increase your brand recognition.

And reduce the height of the logo

Hope that my solution works for you.

Best regards,

Henry | PageFly