Change the font of sub-menu or extend the length

[sux]

Hi everyone,

as you can see the screenshot, I want to change the font of sub-menu or change the length of the menu. I have tried some codes in the forum, but did not work. 

I tried 

@media screen and (min-width: 990px) {
.header__submenu .header__menu-item.header__menu-item {
font-size: 16px !important;
}
}

in theme.css, not work. The theme is "Envy"

Do you have any suggestions? 

[lunaworks]

You want to change the font or the font-size?

And extend the length how?

[David_SHT]

Hi @sux ,

This is David at SalesHunterThemes.

You can try to follow these steps:

Go to Online Store -> Themes -> Actions -> Edit code.

Go Assets folder -> theme.liquid file.

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

<style>
.dropdown-submenu,
.dropdown-submenu__linklist li a {
  font-size: 12px !important;
}
</style>

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

David | SalesHunterThemes team

[sux]

After I click save and then preview the store, it still looks like this: 

[David_SHT]

Hi @sux ,

Would you please share your website URL

if your website is password protected then also provide the password.

[sux]

https://shopify.com/77801849176/account 

password: thohff

[David_SHT]

Hi @sux ,
You can try again: 

<style>
.dropdown-submenu__link {
   font-size: 12px !important;
}
</style>

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

David | SalesHunterThemes team

[sux]

Wow, thank you, that really helps!

Btw, do you know how to extend the length of the sub-menu? I want to find the best combination of fonts and length. 

[David_SHT]

Is this what you mean?

[sux]

yes！

[David_SHT · Accepted solution]

You can add code: 

<style>
.dropdown-submenu__link {
  font-size: 12px !important;
}
.dropdown-menu {
  min-width: 12rem !important;
}
</style>

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

David | SalesHunterThemes team