Dawn Theme - social media icons in header

Shopify Discussion

Topic summary

Two issues in Dawn theme: (1) hide header social icons on mobile, (2) center embedded YouTube videos placed in a CSS/Custom Liquid section.

Recent actions:

  • Store URL shared so helpers could inspect.
  • Guidance given to edit theme.liquid and add custom CSS (placed near ) to adjust header icons for mobile; another suggestion was to use CSS media queries (e.g., display: none on small screens). Result screenshot shared.
  • For centering videos, suggestions included applying text-align: center to the container or margin: 0 auto to the embed/iframe.

Outcomes:

  • Hiding social icons on mobile: resolved (“WORKED!”).
  • Centering YouTube embeds: not yet resolved. One attempt added CSS targeting specific section classes using text-align-last: center !important, but the change did not work for the requester.

Notes/next steps:

  • Centering likely needs correct selectors and container styling (text-align: center on parent or margin: 0 auto on iframe with a set width). Screenshots were shared; no final code confirmed. Discussion remains open.
Summarized with AI on December 24. AI used: gpt-5.
6

Thank you!

WORKED!

Do you know how to center the CSS embed you tube clips??