Simple Theme: Change Navigation Font

Solved
elevate1
Tourist
4 1 0

I can't seem to get the drop down menus in the navigation bar to change fonts. I have been able to add the fonts I want and change the other headers except for these two. As you can see below "Apparel" and "Bible Verse Collection" are different fonts. I have tried some solutions on other threads with no resolve. I'm sure it's pretty simple and any help would be appreciated. I have provided snippets of the code and difference below. I would like all of them to be in the Aquire font. I have also added them all to the Assets tab. Thanks!

elevate1_0-1635218598224.png

 

elevate1_1-1635218646696.png

 

Accepted Solution (1)
elevate1
Tourist
4 1 0

This is an accepted solution.

In case someone has the same issue. I ended up finding the solution myself. I posted the code below to change the submenu dropdown font to match. I believe that others didn't work because variables have changed over the years. I added this to the bottom of the theme.scss.liquid file:

 

.site-nav__link {
font-family: 'Aquire';
text-transform: uppercase;
letter-spacing: 3px;
font-size: 12px;
}

 

Best!

View solution in original post

Replies 4 (4)
Zworthkey
Shopify Partner
5581 642 1543

Hii, @elevate1 
Kindly share your store URL so,
I can solve it perfectly.
Thank You.

elevate1
Tourist
4 1 0

Hello @Zworthkey , my shopify url and password is posted below.

https://elevate-christian-apparel.myshopify.com/

Password: Let'sElevate

elevate1
Tourist
4 1 0

I don't see a change yet and was wondering if you could post code for me to past in. I really need this fixed this week! Thanks

elevate1
Tourist
4 1 0

This is an accepted solution.

In case someone has the same issue. I ended up finding the solution myself. I posted the code below to change the submenu dropdown font to match. I believe that others didn't work because variables have changed over the years. I added this to the bottom of the theme.scss.liquid file:

 

.site-nav__link {
font-family: 'Aquire';
text-transform: uppercase;
letter-spacing: 3px;
font-size: 12px;
}

 

Best!