Dawn 10.0 How To Add Social Media Icons To The Header?

[San21]

Hi I was able to add the codes to add social media in the header, but with all the updates with Dawn 10.0

I am wondering if someone can help me here.  I would like to have the social media icons (same as the one in footer) but on top beside the search and cart.

Thanks

https://ecozen-master-6-0.myshopify.com/

PW:  icewsk

[Harsita · Accepted solution]

Hi @San21 

Thank you for reaching out to the shopify community.

To add the social media icon in the header of your store you just have to add the below code in your header.liquid file in  Sections folder.

 <div class="header-social-media-icons">{%- render 'social-icons' -%}</div>

 Screen shot for reference

 you can adjust the padding and margin accordingly, by making changes in base.css file.

 You should be able to see the icons in header now

Do give it a try and let me know if this was helpful.

Thanks

[crebecca]

Hi Harshita,

I'm trying to add the social icons but to the left hand side of the header (opposite side to the cart). I've added the above code and tried to adjust padding but not sure how to get it to show on the left of the page?

Thanks!

[San21]

@Harsita Thank you so much, this is exactly what I was looking for, Thanks again