add this code to file base.css
Topic summary
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.
1 Like