Hi there,
so first things, change the hook to before_header
the wp_head hook should only be used for adding scripts, meta etc.
The hook element will not be customizable via the Top Bar customizer.
To make the changes you need
1. Contain the custom top bar by adding the grid-container class to the first div ie.
<div class="fluid-header-area grid-container">
2. Change your grid widths for the three columns to grid-25
for the first and last column. And grid-50
for the middle column. This will give the middle one enough space to take up a single line.