How to remove giant empty header space

1 0 0

Hi, I didn't want a header, so I removed it. There is a giant empty space above the body section (see photo below). It doesn't seem to be a body padding issue. Beyond that, I'm a bit over my head.  How do I remove this giant space? My site URL is


Screen Shot 2024-05-14 at 4.13.35 PM.png

Replies 2 (2)

Shopify Expert
480 119 137

Hi @osanla ,

You can try this code by following these steps:

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



Step 2: Search file base.css, theme.css or styles.css



Step 3: Insert the below code at the bottom of the file -> Save

.drawer {
    display: none;

Here is result: 


Hope this can help you

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

Shopify Partner
4287 973 1627

Hi @osanla 


This is Richard from PageFly - Shopify Page Builder App


Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

cart-drawer.drawer {
    display: none;


Hope this can help you solve the issue 


Best regards,

Richard | PageFly 

Please let me know if it works by giving it a Like or marking it as a solution!

PageFly - #1 Page Builder for Shopify merchants.

All features are available from Free plan. Live Chat Support is available 24/7.