Top Panel On Mobile

I am trying to "compact" my top panel, by adding the languages selector, the "my account" block, a small logo and my cart all on the same line. All these span at less than 12 (width) and appear fine on a PC. On a mobile device, they are split into 3 lines consuming half of the mobile screen. It seems that on a mobile device I cannot add items of width more than 6.

Also, adding an html block takes up an entire line on its own, irrespective of the block width.

Any help would be greatly appreciated.