Header White Space on home page - debut theme

Keren222
New Member
9 0 0

Hello everybody,

I am using the Debut theme and I noticed an unnecessary white space after the header on the website homepage.

 

I am adding a screenshot and my website URL. does anyone know how to fix it?

 

thank you very much!

 

www.ecologicalmethod.com

shopify].JPG

Replies 4 (4)

diego_ezfy
Shopify Partner
2958 568 891

@Keren222, do this to fix it in 20 seconds:

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

 

.main-content{
    padding-top: 18px !important;
}

 

diego_ezfy_0-1625764901399.png



Please let me know whether it works.

Kind regards,
Diego

Keren222
New Member
9 0 0
Thank you very much,
I used your response to find the code and fixed the all line, It worked, I
hope its ok:
Theme.css:

.main-content {
display: block;
padding-top: 18px; }
@media only screen and (min-width: 750px) {
.main-content {
padding-top: 18px; } }
diego_ezfy
Shopify Partner
2958 568 891

Yep, if it's looking as you want it is good to go. 

Kind regards,
Diego

Keren222
New Member
9 0 0

Hi again,

Thank you for your answer,

now I have the same problem with my collection page....

 

shopify1.JPG