Default mobile layout whit login on mobile screen overlap menu

On default layout whit sidebar navigation when authentication enabled, profile menu and gavatar on small screens overlap first menu and top of displayed page.
In studio it looks nice

but in Chrome and Firefox simulator of mobile devices there is overlaping
image



In the moring from office I am going to try run app in vs so i can expose page to mobile and try on real mobile device

Yep, the sidebar should be closed by default on mobile devices. We will do our best to fix this soon!

3 Likes

This happening on real devices also.
Here is ss from my phone

hello, any solution? same problem here

Jul 2020 same problem here

Same problem here too.Oct 2020

This can be fixed quite easily by changing the column size in the main layout from MD 6 to XS 6:

The second column also needs Text Align XS to be set to right as well.

We will update the built-in layouts with those changes so they take effect for new applications.

Solved. Thank you very much!