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

0 Likes

@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

◦ Slideshow section not looking good? Try the Slideshow (PRO) section. No apps required.
◦ Product page images slider for free themes (w/ 20+ customization options): Minimal | Debut | Brooklyn | Supply
◦ If my answer helps you please click on like and Accept as solution!
0 Likes
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; } }
0 Likes

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

Kind regards,
Diego

◦ Slideshow section not looking good? Try the Slideshow (PRO) section. No apps required.
◦ Product page images slider for free themes (w/ 20+ customization options): Minimal | Debut | Brooklyn | Supply
◦ If my answer helps you please click on like and Accept as solution!
0 Likes
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

0 Likes