Brooklyn Theme Footer

Topic summary

A user is experiencing a layout issue with the Brooklyn theme where the footer overlaps other content and appears in the middle of pages instead of staying at the bottom.

Problem Details:

  • Footer positioning is broken, causing it to display incorrectly on certain pages
  • Screenshots demonstrate the footer appearing mid-page and overlapping content
  • Store URL provided with password access for troubleshooting

Proposed Solution:
A CSS fix was suggested to resolve the issue:

  • Add custom CSS code to the theme settings
  • The code applies overflow: hidden and width: 100% to the footer section
  • Implementation location: Sales channels > Online Store > Themes > Customize > Theme settings > Custom CSS

Status: The discussion appears resolved with a technical solution provided, though no confirmation of successful implementation has been posted yet.

Summarized with AI on October 27. AI used: claude-sonnet-4-5-20250929.

I’m running into an issue with the Brooklyn theme where the footer is sometimes overlapping other content and appearing in the middle of the page instead of staying at the bottom.

I’ve attached two screenshots showing examples of the problem. Has anyone else experienced this, or does anyone know how to fix it?

www.notyethome.co
Password:
NOTYETHOME2025

Hi @daytonmitchell

Please add this code to Custom CSS in Sales channels > Online Store > Themes > Customize > Theme settings.

#shopify-section-footer { overflow: hidden; width: 100%; }