navigation and widget not vertically aligned?

The .yhanm element? It would be hard to actually center it, as the content on the left will push it to the right. If there was an element on the right side that was the same width as the element on the left, we could truly center it.

You could do something like this, but it has its downsides:

a.yhanm {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

Thanks for the explanation, I'll go with the element floated right, which is fine.

No problem :)