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

Highlighted
New Member
3 0 0

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:

screenshot-fontawesome_icons-next-to-text.png

 

*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! 

0 Likes
Highlighted
New Member
2 0 1

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

Highlighted
New Member
3 0 0