How to remove giant empty header space

Store Design
, ,
1

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
Screen Shot 2024-05-14 at 4.13.35 PM.png2166×1588 143 KB

2

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
BssTechVenture_1-1715729200028.png1919×878 29.6 KB

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

BssTechVenture_2-1715729207283.png
BssTechVenture_2-1715729207283.png1916×934 101 KB

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

.drawer {
    display: none;
}

Here is result:

BssTechVenture_0-1715729182538.png
BssTechVenture_0-1715729182538.png1919×878 29.6 KB

Hope this can help you

3

Hi @osanla

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the 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

Hope this can help you solve the issue

Best regards,

Richard | PageFly