how can I get rid of the white boxes on the dawn theme 404 page

how can I get rid of the white boxes on the dawn theme 404 page

Spawn1
Visitor
1 0 0

pretty new to shopify so I'm not really sure how to get rid of this and I've tried the padding values already so maybe with code?Screenshot 2025-01-17 074920.jpg

Replies 2 (2)

DaisyVo
Shopify Partner
4447 494 591

Hi @Spawn1 

 

Please share the store url and password so I can take a closer look at the issue

 

Best,

 

Daisy

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution

htmlBurger
Shopify Partner
87 8 21

Hello,

This issue occurs because the page body is set to always span 100% of the height, which ensures the footer stays at the bottom of the page, even if there's minimal content. Removing this padding will shift the footer upward, leaving empty space at the bottom of the screen.

If this is the outcome you're looking for, here’s what you need to do:

 

1. Navigate to Online Store → Themes → Edit code.
2. Open the file located at /sections/main-404.liquid.
3. At the top of the file, you should find a <style> tag. Insert the following code right after <style type="text/css">:

 

body {
  min-height: auto;
}

 

 

Found this helpful? Like and accept as solution to help others too!
htmlBurger – Founded in 2007, Shopify experts for 10+ years.
Custom themes, UI/UX design, ongoing maintenance & support.
Let's talk: ecom@htmlburger.com