Currently when I open/select the menu it opens and takes up about 90% of my mobile screen width. The menu items take up about 30% of the screen width so there’s a lot of empty/white space. So I’d like to decrease the width of the menu slightly, any help would be greatly appreciated, thanks in advanc…

Hi @AxsMar , Go to Assets > component-menu-drawer.css and paste this at the bottom of the file: .menu-drawer { width: 70vw !important; } If you want to increase or decrease the width, you can change 70vw. Hope it helps!

Dawn Theme 2.4.0 - Decrease Mobile (Dropdown) Menu Width

Technical Q&A

AxsMar January 14, 2022, 2:07pm 4

Hey @LitExtension

Thanks for the quick reply and quick fix, I really appreciate it!

All the best, AM.

Topic		Replies	Views
Reduce the width of the side menu on mobile using Dawn theme Store Design	4	20	August 30, 2023
How to reduce the menu width on mobile view (Dawn Theme) Store Design menu , design , customizations , css , shopify-themes	3	42	July 24, 2024
Decrease drop down menu width in Brooklyn theme Store Design	1	11	August 25, 2021
How to widen menu drawer Shopify Discussion marketing-campaigns-sales , troubleshooting , shop-performance	8	21	June 10, 2024
How can I modify mobile navigation menu width and arrow icons? Technical Q&A	8	42	May 15, 2024

Dawn Theme 2.4.0 - Decrease Mobile (Dropdown) Menu Width

Related topics