Change point size of mobile menu

Highlighted
New Member
5 0 0

Hello,

 

My mobile menu uses the same point size as the desktop menu and it is too big.

 

Under Typography, there is the option for navigation, but there is not a separate option for mobile and desktop.  How can I change this?

 

Thanks.

 

Risa

0 Likes

Hello rissab,

 

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Web Development
0 Likes
New Member
5 0 0
Hi,



My site URL is www.jewishgiftplace.com.


0 Likes
Trailblazer
494 120 163

Hi, @risabb ,

This is Evita from On The Map.

 

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

 

@media only screen and (max-width: 700px)  {
   .nav-item-link {
      font-size: 15px;
   }
}

 

Best,
Evita

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes

Add this css at bottom
Online Store-> Themes -> Edit code->Assets->theme.scss.liquid

 

#mobile-nav li a {
	font-size: 14px;
}
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Web Development
0 Likes
New Member
5 0 0

Thanks for the quick response. 

 

Under Asset, I do not see the file theme.scss.liquid. 

 

This is what I see.  http://prntscr.com/pj3d0o.

 

Is it one of these?  Or could it be styles.scss.liquid?

 

Thanks.

 

risa

0 Likes
Trailblazer
494 120 163

It's styles.scss.liquid file :)

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes

ok...Add this code in  styles.scss.liquid


@risabb wrote:

Thanks for the quick response. 

 

Under Asset, I do not see the file theme.scss.liquid. 

 

This is what I see.  http://prntscr.com/pj3d0o.

 

Is it one of these?  Or could it be styles.scss.liquid?

 

Thanks.

 

risa


 

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Web Development
0 Likes