Footer section overlapping everything and random white section (Capital theme)

Store Design
, , ,

Topic summary

A Shopify store owner using the Capital theme is experiencing two layout issues: the footer section overlapping page content and an unwanted white section appearing on their site.

Solution Provided:

A community helper (GTLOfficial) offered CSS fixes to be added to the theme.min.css file:

  • White section fix: Add CSS code to hide the dynamic checkout cart and search container elements using display: none !important
  • Footer overlap fix: Add CSS to change the footer wrapper’s position property to relative

Current Status:

The original poster confirmed the white section issue was resolved after applying the first CSS snippet. However, the footer overlapping problem persists despite the second code suggestion being provided. The discussion remains open as the main footer issue is not yet fully resolved.

Summarized with AI on November 5. AI used: claude-sonnet-4-5-20250929.
1

How do I fix it so the footer section isn’t overlapping everything and stays at the bottom and how do I get rid of the white section?

Site: www.raidednz.com

Password: password12345

Screenshot (101).png
Screenshot (101).png1920×1080 159 KB

2

Hello @raidednz

Go to online store ---------> themes --------------> actions ------> edit code------->assets-----> theme.min.css
add this code at the end of the file.

#dynamic-checkout-cart {
display: none;
}
#SearchContainer {
display: none !important;
}

result

16.png
16.png1408×504 413 KB

If this was helpful, hit the like button and accept the solution.
Thanks

3

Thanks! Got rid of the white section but footer is still overlapping.

4

Go to online store ---------> themes --------------> actions ------> edit code------->assets-----> theme.min.css
add this code at the end of the file.

.footer-wrapper.fix-to-bottom {
position: relative;
}

If this was helpful, hit the like button and accept the solution.
Thanks