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

Store Design
,
1

Hi,

Can somebody please help me with; Where to put ’ ’ to get the icon(s) next to the menu item(s) text (‘Instagram’) ?

Like this:

screenshot-fontawesome_icons-next-to-text.png
screenshot-fontawesome_icons-next-to-text.png228×179 2.98 KB

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

Please H E L P :slightly_smiling_face:

Can’t find the place to put ’ ’ ..

Thank you!

2

  1. The correct code is (fal = light, far = regular fas = solid, fab = brands).

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

  1. 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 - that’s the line of code you replace with the Font Awesome Alternative. - the finished code will look something like this: Instagram

1 Like
3

Thanks @charliewilber !

FontAwesome had a update:

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

4

This method seems not work properly.