Make menu button smaller on mobile

Solved
iamsw
New Member
3 0 1

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

indebox.co.uk 

Capture.PNG

0 Likes
Pallavi
Shopify Expert
756 97 111

Hello There,

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

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
Pallavi
Shopify Expert
756 97 111

This is an 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;
}
}

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
iamsw
New Member
3 0 1

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

 

iamsw_0-1613063902548.png

 

0 Likes