How can I remove the white space between header and my customized banner ( I am using Debut)

[Dante2]

Hi, I just created 2 new sections to replace the Shopify default banner because I want to make each image size to support both Desktop and Mobile, this is the article https://www.mojoin.com/show-shopify-banner-image/

However I don’t want to have the white space in between. I wonder is there a way to remove it, thanks.

[suyash1]

@Dante2 - can you share your website link? we can remove space

[Dante2]

@suyash1 the domain is https://jadybop.myshopify.com and the password is nexoth, thank you

[suyash1]

@Dante2 - add this to the very end of theme.css file and check

.template-index .main-content {padding-top: 0;}

[Dante2]

Wow it works, thanks a lot!