How to adjust the menu font size on mobile phones |Savor Theme

Store Design
, , ,
1

Hello there,

I found that the font size on my mobile device can’t be changed, or I can’t find the entry to change it. Can you help me take a look? I think it is too big now.

image
image380×799 26.7 KB

My website: https://sunevertech.com/

Shopify Theme: Savor

2

Hi @Sunever ,
Go to Online Store → Themes → Dawn → Actions → Edit code.
Open base.css
Add this code at the bottom

.menu-drawer__menu-item-text {
  font-size: 14px;   /* adjust as needed (e.g., 12px, 13px, etc.) */
}

save and refresh preview.

Thanks
Manoj

3

Hello @Manoj_j

Your code is indeed very effective. I have an additional request. I would like to ask if I can customize the font size of the third level directory.

image
image380×784 15.8 KB

4

Hey @Sunever ,

Go to Online Store → Themes → Edit code Open the theme.liquid file Scroll to the bottom and paste the following code just above the tag

<style>
  /* Mobile menu font size fix */
  .menu-drawer__menu-item,
  .menu-drawer__menu-item-text,
  .menu-drawer__list-item {
    font-size: 16px !important;  /* adjust size as needed */
    line-height: 1.4 !important;
  }

  /* Main menu items */
  .menu-drawer__menu-item--mainlist {
    font-size: 18px !important;
    font-weight: 600 !important;
  }

  /* Submenu items */
  .menu-drawer__menu-item--child,
  .menu-drawer__menu-item--parent {
    font-size: 14px !important;
  }
</style>

This will override the inline styles and make your mobile menu text look clean and structured.

If you’d like me to directly implement this fix in your store, please feel free to reach out. You can also see my past Shopify work here: https://www.rajatweb.dev/

Best Regards,

Rajat | Shopify Expert

5

Hi @Sunever ,
Ok I will do that , but if i solve your previous problem , then please like it and mark it as solution.
Thanks
Manoj

6

Hi @Sunever ,
now add this code at the bottom of the same base.css

.menu-drawer__menu--grandchildlist .menu-drawer__menu-item-text {
  font-size: 11px; 
}

save and refresh preview
Thanks
Manoj

7

Thank you very much!

8

@Sunever ,
My pleasure.
Best
Manoj