Side menu appears strange in some mobile phones

Side menu spreads over the mobile screen. This issue is with few mobile configurations.
I have an ion-header and ion-content inside ion-menu, but the button text (black color) does not shown even though buttons inside ion-content still navigates to corresponding pages on tap.

Does anybody has solution for this?