MUI material ui - How to make menu with full width?

Issue

I'm trying to make mobile menu with full width

I tried but it looks like I miss understand something my css rules doesn't applied

this is a live code example : https://stackblitz.com/edit/react-ucvbgt-sur6ne?file=demo.js

thanks...

Solution

You should change your Menu to Drawer (with anchor = 'top')

Visit this to learn more : https://mui.com/material-ui/react-drawer/

Answered By - Hamid fadili