Change the font of sub-menu or extend the length

Store Design
, , ,
1

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?

sux_0-1695134705788.png
sux_0-1695134705788.png1560×746 145 KB

2

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

And extend the length how?

3

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 tag

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

David | SalesHunterThemes team

4

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

sux_0-1695199448109.png
sux_0-1695199448109.png2198×1282 238 KB

sux_1-1695199535319.png
sux_1-1695199535319.png1614×682 123 KB

5

Hi @sux ,

Would you please share your website URL

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

6

https://shopify.com/77801849176/account

password: thohff

7

Hi @sux ,
You can try again:

David_SHT_0-1695201187950.png
David_SHT_0-1695201187950.png1690×774 172 KB

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

David | SalesHunterThemes team

8

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.

9

Is this what you mean?

David_SHT_0-1695203675697.png
David_SHT_0-1695203675697.png1330×632 395 KB

10

yes！

11

You can add code:

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

David | SalesHunterThemes team