Hamburger Menu on Mobile Issue: Overlap in Text

Hello everyone! I am trying to find a solution as to why my hamburger menu is overlapping with another container. Images below; can anyone advise on solution?

you need to setup the grid for the menu, if you have so many elements there and put each individual item in the grid
width of the element would be better to set as 90% - it usually works well
and overflow content for the Menu Container - scroll behavior be set to Scroll would be nice if amount of items not filling in standard screen