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.
Try adding this code to the bottom of base.css
#MainContent {
margin-top:0px;
}
Hi @lextui
Please follow these steps to remove the white space under your header:
- Go to your Shopify Admin > Themes > Edit code > Assets > Open base.css
- 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!
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.
Please Add this CSS to your base.css file
Assets > base.css
main#MainContent {
margin-top: 0 !important;
}
Thank You!
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
