, Shopify minimal theme - need to make menu larger on mobile (but not on desktop)

Solved
JakeMcMahon
Tourist
3 0 0

We want each "button" in the menu to be larger (height wise). 

 

IMG_4092.jpeg

0 Likes
paramSoft
Shopify Partner
1487 243 692

This is an accepted solution.

Please place this code at the end of theme.scss
Please make the 'm' of media to small letter when you paste the code.

 

@_media only screen and (max-width: 768px) {
.mobile-nav__link>a {
    padding: 16px 15px;
    font-size: 17px;
}
}

 

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
JakeMcMahon
Tourist
3 0 0

I have theme.liquid and theme.scss.liquid but not theme.css

0 Likes
paramSoft
Shopify Partner
1487 243 692

Yes, theme.css

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
0 Likes
JakeMcMahon
Tourist
3 0 0

I DON'T have theme.css

0 Likes
paramSoft
Shopify Partner
1487 243 692

Please use this file
theme.scss.liquid

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com