Narrow layout on this site is not functioning well

[rongcuid]

When the browser is narrow, NodeBB community website's theme breaks apart.

Editing window gets hidden:

More to come because I can't minimize the dialog

[rongcuid]

Navbar/profile menu is not working:

[rongcuid]

Menu on top left is not functioning properly:

[julian]

Narrow as in phone layouts should be working fine... yours looks more tablet-ish? What resolution is it?

[PitaJ]

I can reproduce at widths around 900px. There appear to be different problems around 700px as well.

[baris]

Yeah seems to be a problem with the breakpoint for md, I will fix it.

[baris]

Updated this forum with the fix.
https://github.com/NodeBB/nodebb-theme-persona/commit/aad276f6b200967a68a03563248b132f2910a0bb

[PitaJ]

A couple more oddities at 700px

Extra left padding in composer text box

Labels not showing in mobile menu

[phenomlab]

Also worth mentioning the same issue with Private Messages

[baris]

Pushed some more changes, please let us know if you notice any issues. @phenomlab what is the issue with private messages? Please post a screenshot after testing it on this forum.

[phenomlab]

@baris No issues now you've put the fixes into place. Before, you had to scroll around the screen as there was no hard margins and you couldn't close chat either - you had to change the URL to get out of it.

All good now though.

[julian]

Thanks guys for the feedback!

[rongcuid]

I think it is working now. BTW, I am using a vertical 1080p display.