How can I middle align the information box within my header?

I’d like to have the icon and text within my information box aligned to the middle of my header.

As of right now it’s more towards the top, how can I have it aligned to the middle of the header? Ideally, I’d like it to be in the middle of the pink line in the screenshot provided.

https://gyazo.com/d5fe8bbc0d1acc90fbc3e40552bb99a8

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.whb-top-bar-inner .box-with-icon .info-box-icon {
    margin-top:5px;
}
.whb-top-bar-inner .wd-info-box .info-box-content {
    margin-top:5px;
}

Best Regards

[Author]

Posts