Icon in buttons are placed wrong

Support
#1

Hello,

I have the site: https://anders-magic.dk, where I do magic for people.
I have ran into a problem, the icon-images are not placed in the center of the buttoms anymore. Take a look at the topbar. The facebook, youtube and RSS buttons have all the icons placed wrong. I have tried to remove all my custom CSS code, but it has not worked. ANybody knows what could be the problem?

Thanks!:slight_smile:

Anders

#2

Hi there,

I’m not sure why this is happening for your website, but the workaround is to add the CSS code below to X > Launch > Options > CSS:

.x-social-global [data-x-icon]:before,
.x-social-global [class*="x-icon-"]:before {
	line-height: 34px;
}

I kept the code restricted for only the social media icons as I don’t know if other sections of the site are also affected or not.

Thank you.