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 376px wide.
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.
Solutions include:
- 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 😅
