Empire theme menu font problem

Shopify Discussion
1

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

menu.PNG
menu.PNG1824×796 309 KB

2 Likes
2

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:

Screenshot_7.png
Screenshot_7.png600×468 127 KB

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!