Top bar social icons : remove background on hover + add phone icon

Hey dkarvasz,
Sorry for the late reply and thanks for the link to your site.
To remove the background color from the header social icons you could use this css:

#top #wrap_all .social_bookmarks > li:hover a {
    background-color: transparent !important;
}

But I believe that your background color issue could be solved with this css, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#top .social_bookmarks li a {
    border-radius: 100px;
}
#header .social_bookmarks li a {
    line-height: 40px !important;
}
#top .social_bookmarks {
    margin: 10px 0 0 -9px !important;
}

After applying the css, please clear your browser cache and check.
I see that you have added your phone number to the Enfold Theme Options > Header > Extra Elements > Phone Number or small info text field and you also have Font Awesome code there, to use this to should install the Font Awesome plugin it should work right away for you.
Or you can insert a phone icon before the actual phone number with this shortcode:
[av_font_icon icon='ue854' font='entypo-fontello' size='20px'][/av_font_icon]

Best regards,
Mike

Hi,
Glad to hear, unless there is anything else we can help with on this issue, shall we close this then?

Best regards,
Mike