Solved

Removing white space (padding) under header in Debut theme

checkoutfirst
Excursionist
37 0 22

Hi, I'm hoping someone can figure out how to remove this white gap below the header.
I've tried a lot of methods in different threads, but had no success. My theme file is .css, not .scss
My website is www.checkoutfirst.com

padding.jpg

thank you!!

Accepted Solution (1)

infoatcodelab7
Shopify Partner
593 141 145

This is an accepted solution.

@checkoutfirst 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.css  and paste this at the bottom of the file:

 

 

 

@media screen and (max-width: 749px){
    #PageContainer {
        padding-top: 53px !important;
    }   
}

 

Thanks!

Want to modify or develop new website, Hire us.
If helpful then please Like and Accept Solution .
Email: info@codelab7.com

View solution in original post

Replies 7 (7)

Zworthkey
Shopify Partner
5581 642 1568

@checkoutfirst 

Welcome to the Shopify community!
Thanks for your good question.

 

kindly share your store URL, so that
I will check out the issue and provide a solution.

checkoutfirst
Excursionist
37 0 22
Zworthkey
Shopify Partner
5581 642 1568
@media only screen and (min-width: 600px) {
.index-section--flush:first-child {
    margin-top: -50px !important;
}
}

@checkoutfirst 
Add this code in the bottom of the theme.css file and save it.
Thank you

checkoutfirst
Excursionist
37 0 22

This didn't work

Zworthkey
Shopify Partner
5581 642 1568
@media only screen and (min-width: 750px) {
.hero--x-small {
  height: 94px;
  margin-top: -48px !important;
  }

}

@checkoutfirst 
Add this

DelightCart
Shopify Partner
1238 82 157

Go to theme.css

 

Fine the class name ".main-content"

 

remove the padding -top: 35px;

Delight Cart - It's time to turn your visitors into loyal shoppers! 

Delight Loyalty - Increase repeat sales quickly and build lifelong customers loyalty.

infoatcodelab7
Shopify Partner
593 141 145

This is an accepted solution.

@checkoutfirst 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.css  and paste this at the bottom of the file:

 

 

 

@media screen and (max-width: 749px){
    #PageContainer {
        padding-top: 53px !important;
    }   
}

 

Thanks!

Want to modify or develop new website, Hire us.
If helpful then please Like and Accept Solution .
Email: info@codelab7.com