How to add Social Media Icons (font awesome) next to (menu items) text? Debut Theme Shopify.

[FG10]

Hi,

Can somebody please help me with; Where to put ' <i class="fa fa-instagram"></i> ' to get the icon(s) next to the menu item(s) text ('Instagram') ?

Like this:

*it's a menu 'block' with multiple text(links/urls) : inside the footer (Debut Theme)

Please H E L P 🙂

Can't find the place to put ' <i class="fa fa-instagram"></i> ' ..

Thank you! 

[charliewilber]

1. The correct code is <i class="fab fa-instagram"></i> (fal = light, far = regular fas = solid, fab = brands).

2. You'll need the Fontawesome installed either via CSS or JS in your header section:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

3. You'll need to open and modify the social-media-links.liquid file in the Code Editor, or something along those lines.

I believe it is originally <i class="icon icon-instagram"></i> - that's the line of code you replace with the Font Awesome Alternative. - the finished code will look something like this: <i class="fab fa-instagram"></i> Instagram

[FG10]

Thanks @charliewilber !

FontAwesome had a update:

v.5.0
https://fontawesome.com/how-to-use/on-the-web/referencing-icons/basic-use

[minisistemas]

This method seems not work properly.