How to remove/lessen border on header in Dawn 2.0

[lextui]

How do I remove or lessen the border (white space) on the header using the Dawn 2.0 theme? There's a gap between the header and banner image. 

My store URL is https://souvenir-the-store.myshopify.com/ while the password is cookiebutter. Thank you. 

[Nick_Marketing · Accepted solution]

Try adding this code to the bottom of base.css

#MainContent {
  margin-top:0px;
}

[AvadaCommerce]

Hi @lextui 

Please follow these steps to remove the white space under your header:

1. Go to your Shopify Admin > Themes > Edit code > Assets > Open base.css
2. Find  ID #MainContent and change margin-top to 0px or a more suitable px you want. 

#MainContent {
    margin-top: 0px;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any questions!

[premadestores]

Hii @lextui 

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

Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.

#MainContent {

margin-top:0px !important;

}

If this post is helpful for you Kindly Like and Accept this as a solution.

[infoatcodelab7]

@lextui 

Please Add this CSS to your base.css file

Assets > base.css

main#MainContent {
    margin-top: 0 !important;
}

Thank You!

[jewellerystore1]

I am having the same issue please help! The code above didn't work for me. 

I am trying to remove the white space above the banner image, it is only there in the mobile view. https://n19ziw94my3fo62m-74563387678.shopifypreview.com