Problem with white space

Hi everyone,

I’m Peppe from rdmalta.com, and I’m currently experiencing some issues with my Shopify site’s code. I’m not a developer myself and unfortunately don’t have a budget to hire someone right now, so I’m kindly asking if anyone in the community might be willing to help me out without a fee.

The main issue I’m facing is on the checkout page. When I press “Checkout” and then remove an item from the cart at that stage, a white space appears between the top of the page and the site banner. It affects the layout and doesn’t look great for customers.

If anyone could take a quick look or point me in the right direction, I’d be really grateful.
Thanks in advance for any support! :folded_hands:

Peppe

Very strange.

This empty space is a cart drawer element (it has visibility: hidden, so invisible, but takes space). Later it’s hidden by a CSS rule, but it’s at the bottom of the file and loads later:


So your theme must have Cart type set to drawer.

But it does not load a stylesheet for cart drawer (component-cart-drawer.css) and does not show it at all – customers are redirected to cart page.

These parts of theme code are missing – https://github.com/Shopify/dawn/blob/main/layout/theme.liquid#L261-L267 and https://github.com/Shopify/dawn/blob/main/layout/theme.liquid#L372-L374

Not sure why it was done. Restoring them would most probably fix your problem. Or simply change from “Drawer” to “Page” in “Theme settings”=> “Cart”

Thanks for letting me know. I managed actually i just added the two code missing and now looks fine thx !!!