Removing White Space

[MarCologne]

Hey guy, 

i want to remove the white space between the header (Logo) and the first picture. This my homepage. 

Do you have any idea? 

[prinpadure]

Hi @MarCologne 

Could you share your store url?

[MarCologne]

Hey.

My shop url:

www.hometowndesign.de

my password:

1testzugang!

[prinpadure]

@MarCologne 

Add this at the end of your theme.scss file:

.index-sections .shopify-section:first-child:not(.shopify-section--full-width) {
    margin-top: 10px;
}

You can change the value however you want

[MarCologne]

Thank you so much! It works!

[artypods]

Hey dude, would help so much if you could figure this out for me

I would like to remove the space between the top and the images. I've been trying for hours and no solution has worked

Only need it to look good on mobile:)

Website url: https://arty-pods.myshopify.com/?key=856df7dc9287c715a3b21a85e478fee641e4fc0e1f847c85df8533b734d6e0e...

Password: whohck

[Marc_Nixon]

Resolved!

[prinpadure]

Hello @artypods 

Add the following code at the end of your theme.scss file:

@media screen and (max-width: 425px) {
    .section-header {
        margin-bottom: 0;
    }
    
    body:not(.template-index) .main-content {
        padding-top: 0;
    }
    
    .section-header {
        display: none;
    }
}

[artypods]

Just tried the code and it didn’t work messed up the site but luckily made a duplicate. Any other ideas?