How can I remove the large white gap right below the header?

Store Design
1

So I am in the middle of designing my own website. I am using the Debut theme, and right below the header, I have an image with text overlay. Between the image and the header, there is a large white gap. Can anyone please help me remove it?

1 Like
2

Could you share your store URL?

3

@Keuto

Sorry you are facing this issue, it would be my pleasure to help you.

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

Please share your site URL,
I will check out the issue and provide you a solution here.

4

Welcome to shopify community.

Please share your store URL and if your store is password protected then please provide password too.

Thank you.

5

Kjetilogviljar.myshopify.com

Password is briane

6

@Keuto

thanks for url can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
#shopify-section-hero {
    padding-top: 0;
    margin-top: -55px;
}
7

Worked like a charm! Thank you for your assistance.

8

@Keuto

its my pleasure to help us