How to remove giant empty header space

osanla
Visitor
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 www.osanla.com

 

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

Replies 2 (2)

BSSTech-Venture
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

BssTechVenture_1-1715729200028.png

 

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

BssTechVenture_2-1715729207283.png

 

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

.drawer {
    display: none;
}

Here is result: 

BssTechVenture_0-1715729182538.png

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

PageFly-Richard
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>

<style>
cart-drawer.drawer {
    display: none;
}
</style>

 

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.