Topic summary
Main issue: customize the Shopify Narrative theme footer to use a lighter menu font weight, center social media icons below the menu, and center the copyright at the bottom.
Key steps and updates:
- A preview link for the new theme was requested and shared to view the correct footer layout.
- A CSS solution was provided to be added at the end of theme.scss.css.
Solution details (CSS):
- .site-footer a {font-weight: initial;} sets the menu link text to a lighter, default font weight.
- .site-footer__bottom {flex-direction: column;} with vendor prefixes stacks the footer’s bottom elements vertically, aiding alignment of icons and text.
- .site-footer__copyright {margin-top: 20px;} adds spacing below icons before the copyright line.
Outcome:
- The changes successfully adjusted font weight and alignment; the requester confirmed it looks as desired after the edited code was applied.
- Screenshots were central to show current vs. target footer layout.
Status:
- Resolved; no outstanding questions or disagreements.