Here is what i did.
DESIGN > SITE STYLE > HEADER LAYOUT
Social Position : Hide.
SETTINGS > ADVANCED > CODE INJECTION
Pasted this code to HEADER:
<script defer src="https://use.fontawesome.com/releases/v5.0.10/js/all.js" integrity="sha384-slN8GvtUJGnv6ca26v8EzVaR9DC58QEwsIk9q1QXdCU8Yu8ck/tL/5szYlBbqmS+" crossorigin="anonymous"></script>
Then google fontawesome
Choose your icon
create links in PRIMARY NAVIGATION or SECONDARY NAVIGATION.
Paste link to title:
LINK TITLE - <i class="fab fa-facebook"></i>
LINK - url of my social account
And its done.
The size will be the font size you choose for navigation.
Alter its position by rearranging it in the menu.
It will display on mobile also but vertically.