Add Social Icons to Header

SocialVision · March 2017

Hello BeTheme, I'm using the Stack Left header on my website. Is it possible to add social icons in the space on the right side of the header so that they are in line with the logo? Thank you.

Bryan · March 2017

Hi,

Have you got the action bar enabled?

Go to theme options>menu&action bar>action bar

You have to have it enabled to display the icons.

thanks

Phasenine · March 2017

How do you make the action bar transparent while keeping the social icons?

Bryan · March 2017

Only with custom css, you would dhave to send us a link to your page and what do you want to do.

Phasenine · March 2017

Also the social media links are going to the studiophase9.com/2017/facebook.com/studiophase9, instead of the Facebook.com/studiophase9, double checked the inputed info and it looks correct.

SocialVision · March 2017

Thanks, Muffin Support. Is there a way to have the social icons in line with the logo? Maybe in lieu of the "Banner" from the Magazine Header layout?

SocialVision · March 2017

I see that I can use the list <li> and icon tags like in my footer widget but it's putting them on separate lines in a straight vertical line. Would you happen to have a solution?

</div>

Bryan · March 2017

@Phasenine Have you entered the full path with http://...

For the transparency use this css

.header-stack #Action_bar {
    background-color: transparent !important;
}

thanks

@SocialVision This is not possible (icons with logo)

You have to place the elements in <li></li> to have them in one line and send the link to your page so we can have a look.

Phasenine · March 2017

Yes using http://... still not working

Phasenine · March 2017

Nevemind it works now, thanks!

SocialVision · March 2017

@MuffinSupport Here's the link. Thank you for looking at it.

Bryan · March 2017

You had them display block, you must display inline or inline-block to have them next to each other

.header-magazine #Top_bar .banner_wrapper a {
    display: inline-block !important;
}

SocialVision · March 2017

Perfect!! Thanks so much!

Add Social Icons to Header

Comments