When my cart is empty, this white rectangle appears, how do i get rid of it?

website: gatewaymidera.com

password: GatewayMidera45

when something is in my cart it goes away though

Hi @GatewayMidera ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at the bottom of the file → Save

#MainContent:has([id*="cart-items"]){
min-height:350px
}

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

It did not work

How did you create the wavy black footer background? When the cart is empty the footer moves up a bit creating the white space in the black BG.

Right-click on the white rectangle and select “Inspect”. identify the HTML element that corresponds to the white rectangle. Look for any classes or IDs that are associated with it. Once you’ve identified the element, you can try adding custom CSS to your theme to remove it. Use the specific class or ID you found in the previous step, e.g.:

/* Replace ".white-rectangle-class" with the actual class or ID */
.white-rectangle-class {
    display: none;
}

I don’t think its actually a white rectangle, I think its a divider, I used this code to make the wave

i think if i increase the top margin of the footer it will work, but i dont know how, please help

I checked and I see the issue is fixed. let me know if you nedđ

@GatewayMidera

How did you fix it in the end?