Make menu button smaller on mobile

[iamsw]

Hey, could anyone advise how to make the menu button smaller on mobile?

indebox.co.uk 

[Pallavi]

Hello There,

Please share your store URL.
So that I will check and let you know the exact solution here.

[Pallavi · Accepted solution]

Hello There,

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

@_media screen and (max-width:746px)
{

.site-nav__thumb-menu {
text-align: center!important;
display: inherit!important;
}

.btn.site-nav__thumb-button {
width: 57%!important;
height: 44px!important;
}
}

@_media screen and (max-width: 332px)
{
.btn.site-nav__thumb-button {
width: 68%!important;
height: 45px!important;
}
}

[iamsw]

Hey, it does work, however when I add something to the basket it looks a bit weird. Can you help?