Goal: add social media icons to the site header (currently only in footer).
Key approach:
Edit the theme’s header section (header.liquid) or create a new header section.
Insert social icon markup into header.liquid.
Add corresponding CSS rules to base.css to style and position the icons.
Technical context:
Liquid is the templating language used by Shopify themes. The changes occur in theme files: header.liquid (structure/markup) and base.css (styles).
Resources provided:
Code snippets were shared via images showing exactly what to paste into header.liquid and base.css. These images are essential to implement the solution.
A later update adds more CSS in base.css, implying refinements or additional icon support.
Feature coverage:
When asked about TikTok, the responder confirmed support. Additional CSS was provided afterward, suggesting TikTok styling/compatibility.
Status/outcome:
Implementation steps are provided, but there is no confirmation from the requester that the header icons are live. The discussion appears open pending user feedback.
Summarized with AI on December 22.
AI used: gpt-5.