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

Shopify Discussion
1

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

2

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.

{%- render 'social-icons' -%}

Screen shot for reference

Harsita_2-1690264777443.png
Harsita_2-1690264777443.png1013×545 31.8 KB

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

Harsita_1-1690264737213.png
Harsita_1-1690264737213.png1007×537 23.4 KB

You should be able to see the icons in header now

Harsita_3-1690264852060.png
Harsita_3-1690264852060.png1351×540 54.2 KB

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

Thanks

4 Likes
3

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

4

Hi ■■■■■■■■■

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!