
To switch the default header to 3 column grid, Im assuming remove the floats from both site branding and primary navigation and modify the
beans_header_prepend_markup
adding a 3 column grid.
Now the problem is I can't seem to figure how to call the branding in place instead of overwriting the whole structure in the the individual column.
Am I doing it wrong? should I remove the default structure in
beans_header
and start fresh? Especially if I want to change the appearance on mobile?

I've decided to just use a different approach and build my own.