Mobile header bleeding troubleshooting - dawn theme

[Sivadarshan]

Dawn latest version, in that mobile view header has some white space how to remove that.

website : https://rugd-in.myshopify.com/

password: rugged

[Huptech-Web · Accepted solution]

Hello! @Sivadarshan Please follow these steps to add this CSS code:

1. Go to your Online Store
2. Click on "Themes"
3. Select "Edit code"
4. Open your CSS file. If you have a custom CSS file, open that instead.
5. If you can't find your custom CSS file, open "base.css"
6. Add the following code at the end of the file.

@media screen and (max-width: 749px) {
 section:has(.banner__content) {
    margin-top: -12px!important;
 }
}

If you need further assistance, please let me know. If you found my help useful, consider liking this message and marking it as the Accepted Solution.
Best regards
K.K

[DaisyVo]

Hi @Sivadarshan 

To complete your requests, please follow these steps:

1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
2. Paste the code provided into the Custom CSS section.

@media screen and (max-width: 768px){
section:has(.banner__content) {
    margin-top: -12px !important;
}
}

Here is the result: https://prnt.sc/Vlv1Dz-gcKvO

I hope this helps

Best,

Daisy