Unable to remove spacing/margin below header on some pages

Shopify App Store
1

Hi everyone,

I’m running into an issue where I cannot remove the spacing/margin underneath the header, no matter what I try. The strange thing is that this only happens on some pages, not all of them.

I’ve checked the block settings thoroughly, but there doesn’t seem to be any option related to margin or spacing there. I also tried overriding it with custom CSS, but that doesn’t work either—the space remains no matter what.

At this point I’m a bit stuck and can’t figure out where this extra spacing is coming from. Has anyone experienced something similar or knows what could be causing this?

Any help would be greatly appreciated. Thanks in advance!

header_BH
header_BH1186×418 5.81 KB

2

Hi @bloomher.nl

Are you a Shopify merchant? If so I’d recommend posting on the Shopify merchant forums, where there’s a category for Store Design:

2 Likes
3

By quick view it looks like it happens due to body’s grid layout. It will happen if elements within body has a less total height than the screen.

It’s not margin. It’s layout order.

Hope that helps pointing you in a direction to fix it :grinning_face_with_smiling_eyes:

1 Like
5

Thank you! This really helps. Will look into it.

1 Like