How to change the width of the mobile menu?

Solved
Highlighted
Explorer
167 2 8
Hi all,

I was wondering if it is possible to decrease the now full width mobile menu to like 50% width so I get something like this website(check on mobile ofcourse):

Www.bodyandfit.com

My website url is: smartsnutrition.myshopify.com

Hope someone can help!

0 Likes
Highlighted
Shopify Partner
1023 214 463

This is an accepted solution.

@NielsSchutte 

 

Go to your Assets > theme.scss.liquid file and add following css at the end of file:

@media screen and (max-width: 768px){
nav#navBar {
    width: 70%;
}
}

Cheers,

Tejas

 

Shopify Expert | Skype: tejas.nadpara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on support@hexaecommerce.com regarding any help
0 Likes