DAWN THEME white space below Header no Code fixes seem to work - please help!!

[gavZkeletonz]

My shop at WWW.ZKELETONZ.COM is experiencing a big white line under the header on the HomePage in the Dawn theme. I have tried multiple CSS and back end Code fixes but nothing works - any ideas? Please help!!

[rajweb]

Hey @gavZkeletonz ,

The big white line under the header on your homepage in the Dawn theme could be caused by a few common issues with the layout, padding, or margins in your theme's CSS.

Follow these steps:

1. Online Store 

2. Themes 

3. Edit Code 

4. Assets

Add this CSS to your theme's base.css or  theme.css 

#shopify-section-header {
    margin-bottom: 0 !important;
}
header {
    padding-bottom: 0 !important;
}

his code ensures no extra space is added below the header.

If you’re using a sticky header and it’s causing misalignment, try adding this CSS:

#shopify-section-header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}
body {
    margin-top: 0;
}

This forces the header to align properly without extra white space under it.

Check Media Query Settings for Mobile:

Sometimes, mobile styling can interfere with desktop layout. Add this CSS to make sure padding adjustments are applied across all screen sizes:

@media (max-width: 600px) {
    #shopify-section-header {
        margin-bottom: 0 !important;
    }
}

If the above suggestions don't resolve the issue, you can try temporarily disabling or hiding sections one by one to identify if any specific section is causing the layout issue. It’s also helpful to clear your browser’s cache or check for any conflicting third-party apps that might affect the header layout.

If I was able to help you, please don't forget to Like and mark it as the Solution!

Best Regard,

Rajat Sharma