How to change the width of the mobile menu?

Solved
NielsSchutte
Explorer
167 2 9
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
Tejas_Nadpara
Shopify Partner
1034 215 517

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
whipitgood
New Member
2 0 0

hi there, i don't see that section under "assets"

 

do i add it as a new asset then copy this code.

 

if i do will it work?

0 Likes