Align Icons in Header

Topic summary

Issue: After changing the cart icon, it appears higher and larger than other header icons; user wants alignment fixed.

Key steps and suggestions:

  • Store URL provided (righteousofficial.com) for inspection.
  • CSS fix proposed to target the cart icon SVG (adjust vertical offset and scale) via Theme settings > Customize > Theme settings > Custom CSS; screenshot shared to illustrate expected placement.
  • Alternative approach suggested: add the CSS in theme.liquid above ; another screenshot showed the intended result.

Roadblocks and follow-ups:

  • User encountered an error: the Online Store editor session couldn’t be published.
  • Advised to instead append the CSS at the bottom of base.css via Edit code > Assets.
  • User reported this also did not resolve the issue.

Current status:

  • No confirmed fix; misalignment persists. The reason CSS changes aren’t taking effect remains unclear.

Notes:

  • Images are central (reference of misaligned header and expected outcome).
  • No final decision or verified solution; discussion remains open with unanswered questions about selector effectiveness and publish errors.
Summarized with AI on December 15. AI used: gpt-5.

RIGHTEOUS OFFICIAL – Righteous Official

right5785*