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 : thanks...

CodePudding user response：

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

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