Debut Theme - Multiple Navigation Fonts

Solved
Highlighted
New Member
4 0 0

We are using the Debut Theme, and are trying to change the fonts in our dropdown navigation menu. Here is what our menu looks like currently:

navigation dropdown.PNG

We would like the main items "Apple," "Samsung," and "Google" to be bold, but then have the items below each of those be regular font. We are using a custom uploaded font - Nudista, and have figured out how to change the navigation font but this changes all items and not just the top row. If someone can help us figure out how to change this, that would be awesome.

0 Likes
Shopify Partner
51 12 7

Hey @PTMarketing,

 

Post your store's domain and I'll take a look for you.

0 Likes
New Member
4 0 0

custom-otterbox.ptmark.com

0 Likes

Success.

Shopify Partner
51 12 7

Thanks for that. To edit those parent items, open your theme's "theme.scss.liquid" file, search for ".site-nav__child-link--parent" and make your edits like this example:

 

.site-nav__child-link--parent {
  font-weight: 700;
  margin: 4px 0
  // Your custom styles here...
  color: #7575757;
  font-size: 18px;
}
0 Likes
New Member
4 0 0

Thank you for the help!

 

I got it to work! I figured out I needed to remove the font-family on the .site-nav__label, and then your advice above helped. 

 

Appreciate it!

0 Likes