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:
Proposed Solution:
A CSS fix was suggested to resolve the issue:
overflow: hidden and width: 100% to the footer sectionStatus: The discussion appears resolved with a technical solution provided, though no confirmation of successful implementation has been posted yet.
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
Please add this code to Custom CSS in Sales channels > Online Store > Themes > Customize > Theme settings.
#shopify-section-footer { overflow: hidden; width: 100%; }
