Social Media icons not centered Turbo theme

Store Design
1

Hi there,

I’m working on a website Turbo theme and recently ask some help to change de social icons.
Someone helped me, and I implemented the code:

.top_bar ul.social_icons a {
background: #4D4F53;
    color: #fff;
    padding: 5px;
}
.mini_cart, .top_bar [class*=" icon-"]:before, .top_bar [class^=icon-]:before {
vertical-align: middle;
}

Unfortunately, the icons in my header are not centered. Can someone help me find out why?
Here is how it looks like:

Screen Shot 2021-07-26 at 12.00.48 PM.png
Screen Shot 2021-07-26 at 12.00.48 PM.png2880×1196 361 KB

Website link is: https://partnerprogram.zeiss.ca/
Thanks.

1 Like
2

having same kind of problem.

3

@Marionlesso

Are you talking about vertical-align? If yes, It is aligned as per the bar where those icons are placed.