Featured Products Section Overlapping Footer

Technical Q&A
,

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.
1

I’m using a custom theme (closely based on the Dawn theme) that works fine on Desktop. But on mobile, the home page featured section overlaps the footer instead of “pushing the footer down”. So the footer content is hidden behind the featured section even though both are set to display:block.

  • I’ve confirmed that both parent divs in question are display:block
  • I’ve tried manually adding margin to both divs
  • The UL of products inside the featured section is set to display:flex (but removing that only makes the products display in one long vertical column
  • This exact theme was being used on another test store of mine and the problem doesn’t exist, which is really strange! I’ve compared the CSS on both and nothing relevant is missing in this current css file.

Adding a visual representation below. Does anyone have any ideas?

overlap_issue.jpg
overlap_issue.jpg2048×2048 77.3 KB

2

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

Best Regards,

Dan from Ryviu: Product reviews & QA app.

3

Hey Dan, thanks for the reply! Is there an easy way to share a theme that isn’t live?

4

You can share preview link of unpublish store following this

Screenshot_10.jpg
Screenshot_10.jpg1497×820 54.3 KB

Screenshot_9.jpg
Screenshot_9.jpg1037×571 50.2 KB

5

Thanks Dan,

Here’s a preview link.

6

I think the link expires in 48 hours, so let me know if you’d like a new URL to check?