Dawn Theme: Adjust Height/Spacing of "Help Center" and "Contact Us" Sections in Footer

Store Design
, , , ,

Topic summary

Goal: Align the “Help Center” and “Contact Us” footer sections at the top and reduce vertical spacing between “Help Center” items.

Fix provided: Add a CSS snippet to the end of base.css within a media query for screens ≥768px. It uses nth-child selectors to:

  • Align the third footer block to the top via flex alignment (align-self: flex-start).
  • Remove extra bottom padding from links in the second footer block (padding-bottom: 0).

Technical note: The solution relies on specific block order (nth-child selectors) and a media query (applies only on larger screens).

Outcome: The change resolved the issue; the original poster confirmed it as solved. Status: Closed/resolved.

Summarized with AI on December 28. AI used: gpt-5.
2

Hi @guisemen add this css at the bottom of base.css file

@media only screen and (min-width: 768px){
.footer__blocks-wrapper > div:nth-child(3) {
    align-self: flex-start;
}
.footer__blocks-wrapper > div:nth-child(2) a {
    padding-bottom: 0;
}
}
1 Like