A user created a custom footer for their Shopify store but needs to remove leftover default elements: copyright text and a divider line appearing below the footer menu and above a banner image.
Solutions provided:
Two developers offered CSS-based fixes:
Option 1: Add .footer__content-bottom-wrapper--center { display: none !important; } to the bottom of base.css or theme.css
Option 2: Add .footer__content-bottom.scroll-trigger.animate--slide-in { display: none !important; } to theme.css or base.css
Both solutions involve:
Navigating to Online Store → Themes → Edit code → Assets
Opening the appropriate CSS file
Pasting the code at the bottom
Saving and refreshing the storefront
One responder requested clarification about the theme being used before providing a solution. Screenshots were shared showing the problematic elements and implementation steps.
Summarized with AI on October 23.
AI used: claude-sonnet-4-5-20250929.
Hi all, I created a seperate footer because of certain stylistic preference for my store. However, there are some elements from Shopify’d default footer are still there: the copyright information, and the divider line (both are below the footer menu and above the banner image)