Why did menu font change when I added a sub-menu?

Solved
Highlighted
Tourist
5 0 2

The font changed on a menu item when I added a sub-menu - anyone ever experience this or know how to fix? 

Look at "Shop" in the menu here:

https://anewlady.com/

I was able to tweak the font in the actual sub-menu itself by adding this at the bottom of theme.scss.liquid: 

/* hide the underline on the menu dropdown */
.site-nav--has-dropdown:hover > a::before {
display: none;
font-family: 'Archivo', sans-serif;
}

But I can't figure out how to make "Shop" match the other menu items. Thanks for the help in advance! 

 

 

 

1 Like
Highlighted
Shopify Partner
7598 1047 2632

@anewlady 

Welcome to the Shopify community!
and Thanks for your Good question.

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

/* only Sub Menu font chnage */
.site-nav__dropdown .site-nav__link {
font-family: "Archivo Narrow",sans-serif;
}

/* if you need All Menu Font Font */
.site-nav a {
font-family: "Archivo Narrow",sans-serif;
}

 i have provide two code apply as you like...

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
5 0 2

Thanks for replying! 

I tried that but it didn't work. "Shop" is still not matching...

(By the way, the menu font I'm trying to match is quiche-sans, not Archivo"

The sub menu text is matching, but the "Shop" isn't - any other suggestions? 

0 Likes
Highlighted
Tourist
5 0 2

Mean to add, I'm using this code also:

<link rel="stylesheet" href="https://use.typekit.net/qoi6mxv.css">

 

font-family: quiche-sans, sans-serif;

font-weight: 400;

font-style: normal;

 

 

0 Likes
Highlighted
Shopify Partner
7598 1047 2632

@anewlady 

do you mean like this?

KetanKumar_0-1598120221560.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
5 0 2

The drop down menu is ok, it's the "Shop" that isn't in the same style font as the others in the menu (they are quiche-sans)...

0 Likes
Highlighted
Shopify Partner
7598 1047 2632

This is an accepted solution.

@anewlady 

Thanks for update 

please add this

.site-nav__label {
font-family: quiche-text,sans-serif;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Tourist
5 0 2

That worked! Thank you so much! 

1 Like
Highlighted
Shopify Partner
7598 1047 2632

@anewlady 

Thanks for the update and your support.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes