Trying to figure out how to change the design on the side menu drawer, and it seems like all settings under “Typography” are ignored when using the “Drawer” option. This is how it currently looks like: [lion_no_0-1634732137176.png] I’d like to change the font, text size, letter spacing, line hei…

@lion_no - add all this css @media only screen and (min-width:590px){ .mobile-nav__item .mobile-nav__faux-link, .mobile-nav__item a:not(.megamenu__promo-link) { font-size: 20px;} } [suyash1_0-1634780395100.png]

@HELDERWRLD - it is like this, it has changed [suyash1_0-1698501019260.png]

It worked now, maybe had a quick bug but it works fine now. Thank you so much. I have one more question please. How can i make my menu to open only halfway on mobile? Mine opens full screen and covers the rest of the website. Want it like this: [IMG_2B9A312D85F9-1.jpeg]

@HELDERWRLD - add this css and check @media screen and (max-width:749px){ .menu-drawer{max-width: 70%;} } [suyash1_0-1698501457070.png]

It works, damn you are amazing. Thank you so much for your help! Any tips on how to put the search on the menu and change the search icon on the header to the login icon? Mobile only. Also would like to remove the arrows on my menu on mobile and desktop

@HELDERWRLD - to remove arrows on menu, please add this css. .menu-drawer__menu-item>.icon-arrow{display:none; visibility:hidden;} to add search to menu it will need code editing, it is not a task of single line or two and it can break search functionality, hence I recommend not to do it

It worked, thank you! Change the icon on the header would also break it?

Or at least make the search and cart smaller and add the login on it

@HELDERWRLD - hello, sorry for the late reply, it will also need code editing

I already found a code that does the trick. Could you please help me fix the size of the icons? They are too big and with a lot of space in between, my logo moved because of this. I would like it to be like this: [IMG_DD96D0330AD2-1.jpeg]

@HELDERWRLD - try this css and check @media screen and (max-width:749){ .header{padding: 2px 1rem 2px 1rem;} .header__search{margin-right: -20px;} .header .header__icon--account{margin-right: -20px;} }

MOTION THEME - Side Menu drawer - How to change text styling?

Store Design

Winnne0195 December 28, 2023, 11:43am 31

Thank you for your reply.

The link is: https://groupedamis.com

Topic		Replies	Views
How to adjust the menu font size on mobile phones \|Savor Theme Store Design menu , design , css , shopify-themes	7	98	August 20, 2025
Reduce the text size of the menus ( Shopify Dawn Theme ) Store Design menu , liquid , design , header , customizations , css , shopify-themes , html	2	397	February 10, 2025
Mobile Menu Font Size Adjustment – Horizon Theme Store Design design , customizations , shopify-themes , shopify-theme	9	147	January 9, 2026
How can I change the font size of certain menu items? Store Design menu , customizations	4	59	July 5, 2024
Mobile menu font size TOO BIG Ask & Offer design , troubleshooting	5	73	August 1, 2025

MOTION THEME - Side Menu drawer - How to change text styling?

Related topics