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

Shopify Discussion

Topic summary

A user seeks guidance on adding social media icons to the header in Dawn 10.0, noting that previous methods no longer work after recent updates.

Solution Provided:

  • Add the code {%- render 'social-icons' -%} to the header.liquid file in the Sections folder
  • Adjust padding and margin in the base.css file as needed
  • Screenshots were shared demonstrating the implementation

Follow-up Question:

  • Another user successfully implemented the solution but asks how to position the icons on the left side of the header (opposite the cart icon) instead of the default placement

Status: The original question is resolved, but a new positioning question remains open.

Summarized with AI on November 11. AI used: claude-sonnet-4-5-20250929.
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!