robinodds I don't think there's much we can do. Flarum's design behaves like this when there's not enough horizontal space.
With this exact set of controls, it seems the breaking point is
With a lot of mobile devices having a viewport width of around
360px (according to this website) we can assume it goes to the next line on a lot of devices.
- Removing some buttons. For example if Pusher or websocket is enabled, the refresh button disappears, saving up space
- Customizing the texts through Linguist to use shorter phrasing
- Use CSS to make the buttons narrower to try to keep them on a single line
- Use CSS to make it a bit less ugly when it goes to a new line. A PR to Flarum core for that would be welcome!
only allow users with a viewport width of 376px or higher to access the forum
I also notice your forum isn't in English. Simply translating the text could solve the problem if the text ends up shorter in your language 😉 But just as well it could make the problem much worse 😅