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.
My website: https://sunevertech.com/
Shopify Theme: Savor
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.
My website: https://sunevertech.com/
Shopify Theme: Savor
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
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.
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
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
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
Thank you very much!
@Sunever ,
My pleasure.
Best
Manoj