[Support request] Adding some icons near site logo in header

[Roman]

https://gatewayconsultants.com.pk/

This is the website.

I want to make the header section like this:
https://hsconsultants.net/

How can I add these menus to the right side? Hooks? Widget? Navig menu? What would be the custom css for this?

[David]

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.

[Roman]

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.

[David]

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;
}

[Author]

Posts