Hello,
We are using the craft theme and I am trying to make the font size smaller in mobile for our categories when you click the hamburger menu. See screen shot if the font I would like to make smaller. Any help is appreciated.
Thank you
Hi [email removed]Smwolf,
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file component-menu-drawer.css,
Step 3: Paste the below code at bottom of the file → Save
@media(max-width:767px){
.menu-drawer__menu-item{
font-size:16px !important
}
}
Hope my solution works perfectly for you!
Best regards,
Victor | PageFly
Hi @smwolf ,
Glad to support you today.
To can reduce the font size of text on menu drawer, you can check out my suggestion below to make it:
- Go to Edit code on Online Store:
- add my code above the tag on Theme.liquid:
Eg:
*Note: you can replace the number 15 with another number you want to reduce the font size.
I hope you find the answer helpful.
Kind & Best regards,
GemPages Support Team.
This world great thanks!!
*worked
You are welcome. I’m glad when I can help you 