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)

Accepted Solutions
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
2535 300 634

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

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
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!

View solution in original post