Empire theme menu font problem

[Digital_Imran]

I’m using the Empire theme. When I change the menu font to thin, it updates correctly, but the sub-menu fonts don’t change. I want both the menu and sub-menu fonts to be updated. Below is my store link.

store link : combinedgeneral.myshopify.com
password : 1234

[Betterave-Nina]

Hi @Digital_Imran.

Since the theme doesn't support sub-menu styling from its settings, you can style it with additional CSS rules.

1: Go to Online Store -> Theme -> Edit code
2: Search file theme.css
3: Add the following code to the bottom of the file -> Save

nav ul.navmenu-depth-2 summary.navmenu-link {
	font-family: Montserrat, sans-serif !important;
	font-weight: 300 !important;
}

ul.navmenu-depth-3 li.navmenu-item a {
	font-family: Montserrat, sans-serif !important;
	font-weight: 300 !important;
}

If done correctly, the result should be similar to this:

If you don't want to add the code to theme files directly, you can use a code injection app like the one in my signature.

I hope this helps!