Featured Products Section Overlapping Footer

Topic summary

Mobile-only layout issue in a Shopify custom theme (based on Dawn): the home page Featured Products section overlays the footer instead of pushing it down, hiding footer content.

What’s been checked/tried:

  • Both parent containers are set to display:block; adding margins didn’t help.
  • The product list (UL) in the featured section uses display:flex; removing flex stacks products vertically but doesn’t resolve the overlap.
  • The same theme works on another test store; a CSS comparison showed no obvious missing rules.
  • A visual screenshot of the overlap was provided (image is central to understanding the issue).

Latest updates:

  • A helper requested a store preview to inspect; instructions (with screenshots) were provided for sharing an unpublished theme’s preview link.
  • The store owner shared a Shopify preview URL and noted it expires in ~48 hours, offering to refresh if needed.

Status:

  • Awaiting inspection of the preview by the helper. No root cause or fix identified yet; discussion remains open.
Summarized with AI on January 11. AI used: gpt-5.

Hi @peasquared
Could you drop your store here to check?

Best Regards,

Dan from Ryviu: Product reviews & QA app.