How to change the submenu font type dawn 2.0

Solved

How to change the submenu font type dawn 2.0

on-targit
Excursionist
13 1 5

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

Luxury Designer and Fashion Apparel For Interdimensional Beings
Accepted Solution (1)
on-targit
Excursionist
13 1 5

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;
}
Luxury Designer and Fashion Apparel For Interdimensional Beings

View solution in original post

Replies 3 (3)

made4Uo
Shopify Partner
3873 718 1221

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

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free
on-targit
Excursionist
13 1 5

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.

 

menushop.jpg

(https://dankmeme.com)

Luxury Designer and Fashion Apparel For Interdimensional Beings
on-targit
Excursionist
13 1 5

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;
}
Luxury Designer and Fashion Apparel For Interdimensional Beings