How can I increase font size of the menu but only for mobile version

Store Design
, ,
1

Hello to you!

I have tried different ways to increase the font for the menu. The Desktop version is ok, but the mobile version is so small!! And even after I maxed out the settings.

So is there a way so I can increase the size of the menu font only on mobile version as much as I want?

Thank you for your time!

2

Hi @abailea077

Would you mind sharing your store URL? Thanks!

3

https://toroeatstreats.com/password

password: brayden

4

Hi @abailea077

Check this one.

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

@media only screen and (max-width: 959px){
.drawer-menu__item {
    font-size: clamp(1rem, 1.5vw + 1rem, 2rem);
}
}

And Save.

Result:

Made4uoRibe_0-1724799693545.png
Made4uoRibe_0-1724799693545.png475×657 14.3 KB

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

5

This one worked very well! Thank you so much for your help!