How to remove giant empty header space

Solved

How to remove giant empty header space

osanla
Tourist
4 0 3

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

Accepted Solution (1)

BSSCommerce-HDL
Shopify Partner
2305 835 908

This is an accepted solution.

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

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

View solution in original post

Replies 2 (2)

BSSCommerce-HDL
Shopify Partner
2305 835 908

This is an accepted solution.

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

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

PageFly-Richard
Shopify Partner
4991 1118 1796

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!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


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