Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Hello,
im wondering how to change the header sub menu font family while leaving the regular header menu font type the same. It seems like they’re both linked to the same style in the base.css.
site: dankmeme.com
Solved! Go to the solution
This is an accepted solution.
Nevermind, I figured it out.
For anyone who might want to do this:
1. Go to Online Store->Theme->Edit code
2. Asset->/base.css
Find the line of code that says this:
.header__submenu .header__menu-item {
font-size: 15px;
}
Replace it with this:
a.header__menu-item.header__menu-item.list-menu__item.link.link--text.focus-inset.caption-large {
font-family: "YOURFONTHERE" !important;
font-size: 15px;
}
Hi @on-targit
To add a font family, you need to add the code in your theme editor and assign this to the text you want to change
I appreciate your reply, but I'm not looking to install custom fonts into the theme. I'm specifically asking how to change the submenu font style in the header menu to be different than the font used in the navigation (Home, Contact). Here's a picture with a red box around the sections I would like to change.
This is an accepted solution.
Nevermind, I figured it out.
For anyone who might want to do this:
1. Go to Online Store->Theme->Edit code
2. Asset->/base.css
Find the line of code that says this:
.header__submenu .header__menu-item {
font-size: 15px;
}
Replace it with this:
a.header__menu-item.header__menu-item.list-menu__item.link.link--text.focus-inset.caption-large {
font-family: "YOURFONTHERE" !important;
font-size: 15px;
}
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025