Menu icon Foundation
Need to add social media icons on header

Hi guys, Need some help here..

I want to add social media icons into my header like some sites do, (please check image)
Any idea how I can do this.. ? Also the best way to display the logo in the header?
thanks a lot.

Header

headersocial mediaicons

Hi guys, Need some help here..

I want to add social media icons into my header like some sites do, (please check image)
Any idea how I can do this.. ? Also the best way to display the logo in the header?
thanks a lot.

Header
rohitya almost 6 years ago

Hi Rafi,

As you mentioned, i followed this url :- http://zurb.com/playground/foundation-icon-fonts-3 or these http://zurb.com/playground/social-webicons

and i downloaded webicons and after unzip

how to install or i think i have to paste that folder in css folder

and call this stylesheet on the page.

am i doing right,

Please help me .

Wing-Hou Chan almost 6 years ago

Hey Rohitya!

If you downloaded the Social Webicons here are the steps you need to take:

1) Unzip file contents to either a directory dedicated to keeping web resources (great for keeping assets you regularly use) or your project directory.

When using Webicons in your project:
1) Create folder in project directory root called webicons.
2) Copy all Webicons into the folder you just created.
3) Copy CSS from webicons.css into main stylesheet or link or @import (@import not recommended due to performance issues)
4) Use to your hearts delight! The instructions in using them are here: http://zurb.com/playground/social-webicons

If you downloaded Foundation Icon Fonts here are the steps you need to take:

1) Unzip file contents to either a directory dedicated to keeping web resources (great for keeping assets you regularly use) or your project directory.

When using Icon Fonts in your project:
1) Create folder in project directory to store font files.
2) Merge CSS from foundation-icons.css into main stylesheet or link or @import (@import not recommended due to performance issues).
4) Rock n' roll time. Instructions for implementation are found here: http://zurb.com/playground/foundation-icon-fonts-3

If you need more help, we'll be here!

rohitya almost 6 years ago

HI Wing-Hou Chan,

thank you so much for helping me out..