Font Awesome icons display problem

Hi there,

I’ve got a few problems with the icons on my site. I don’t know what has changed but the social icons or icons in feature headlines or the “scroll-down-icon” for sliders are all stuck to the top of their background/box.

I’ve already used the workaround from this post: https://theme.co/apex/forum/t/social-icons-strange/7065 and I could easily adapt that for the others but it would be really nice to know whats going on here since I didn’t make any changes to the global CSS settings at all.

The URL to the site is: http://www.reha-selbsthilfe.de/physiotherapeuten/

Thanks in advance for your help!
Uli

Hello There,

Thanks for writing in! To resolve this issue, please add the following CSS code in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r) or in the customizer, Appearance > Customize > Custom > Edit GLOBAL CSS

.h-feature-headline span i:before {
    line-height: 2em;
}

Hope this helps. Please let us know how it goes.

this is working, thanks! But I still don’t get where this is coming after all?

Hey There,

I do not have a clue either. I am guessing that a line height setting somewhere or may have came from a 3rd party plugin that resulted this issue.

If you need anything else, please let us know.

Hi there,

it was the same problem as with the height thing… the Hotjar script messed things up badly…

Thanks!
Uli

You’re welcome!
Thanks for letting us know that it has worked for you.