Blank space between sections DAWN theme

Blank space between sections DAWN theme

DoVis7
Tourist
8 0 4

I'm using the Dawn theme on Shopify and ran into an issue with unwanted white space on my page. After some troubleshooting, I found that an empty section was still taking up space, even though I didn’t add it manually. Screenshot 2025-02-25 173211.png

Replies 9 (9)

Moeed
Shopify Partner
6995 1887 2304

Hey @DoVis7 

 

 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


DoVis7
Tourist
8 0 4

Made4uo-Ribe
Shopify Partner
10036 2387 3014

Hi @DoVis7 

Please, share your store URL. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.

CodingFifty
Shopify Partner
887 130 164

Hi @DoVis7,

 

Thank you for reaching out to the Shopify community. I'd be glad to assist you. Could you kindly share your store URL and
password (if it’s password-protected) so I can review it and provide you with an update?

Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com
DoVis7
Tourist
8 0 4
CodingFifty
Shopify Partner
887 130 164

 

1. In your Shopify Admin go to online store > themes > actions > edit code

2. In your theme.liquid file, find the </body>(press CTRL + F or command + F on Mac)

3. paste this code right above the </body> tag:



<script>
function changePageColor(){
    if (!window.location.pathname.includes(`ingredients-benefits`)){
        return;
    }

    var $body = document.querySelector(`#MainContent`);

    function _addStyle(styleString) {
        const style = document.createElement("style");
        style.textContent = styleString;
        document.head.append(style);
    }

    _addStyle(`
        #MainContent {
            background: #1c1c1c !important;
        }
    `);
}

changePageColor();
</script>

 

Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com
DoVis7
Tourist
8 0 4

Well, it sort of solved the issue, but as you can see in the screenshot the blank space moved to the bottom.Screenshot 2025-02-25 193640.png

LizHoang
Shopify Partner
1250 158 196

Hi @DoVis7 can you share store url? 

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

Check our Joy Rewards & Loyalty Program
DoVis7
Tourist
8 0 4