Need help changing the font weight of sub-menu in navigation on mobile!

Solved
Highlighted
Tourist
8 1 1

Hi everyone! I just recently added code to my theme.scss to change the font size and weight of my navigation menu. The code works perfectly on a web browser but for some reason on mobile, the link that is a sub-menu won't change. 

This is what it looks like on mobile: https://gyazo.com/cdfbc07699eeb9abcc9281241327a080

This is the current code I have: 

 

.site-header { 
    font-size: 13px !important; 
    font-weight: 600 !important; 
    }

.site-nav__child-link--parent {
 	font-size: 13px !important; 
    font-weight: 600 !important; 
    }

.site-nav__link--button { 
  	font-size: 13px !important; 
    font-weight: 600 !important; 
    }

 

 

My website is saintsactive.com and the password is vowyao. Thanks!

 

 

 

1 Like
Highlighted
Shopify Partner
7473 1034 2599

This is an accepted solution.

Hello, @justicetroia 

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.

.mobile-nav__label {
font-weight: 600;
}

 

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
8 1 1

This is an accepted solution.

@KetanKumar Thanks for the help! This worked fine when I preview it on the mobile view in the editor but when I go to actually view it on my phone the text is smaller then the other text. 

6E2A9A00-3437-44AA-AFF2-EB0C0DC86B24.png

0 Likes
Highlighted
Shopify Partner
7473 1034 2599

This is an accepted solution.

@justicetroia 

KetanKumar_0-1596607917095.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
1 Like