Adding some icons near site logo in header

Hi there,

in Appearance > Widgets, look for the Header Widget, you can add your icons there.
You can build them using GenerateBlocks Buttons block on there.

Thanks.

https://gatewayconsultants.com.pk/

I have added them.

However, they are not aligned properly.

1. How can I make 'Live chat' in one line, so all icons are align properly. I am using heading block at the moment. I want to make them align in center similar to the site logo.
2. Is it possible to make both the icon and text use hyperlink? Right now only text has a link.

Try adding this CSS:

.header-widget {
    min-width: 330px;
}
.header-widget .gb-headline {
    position: relative;
}
.header-widget .gb-headline a:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}