Removing space above announcement bar in Dawn Theme

[paoloreflex]

Hi,

I’ve just updated to the latest version of Dawn 15.3.0 and noticed a gap right above the announcement bar (between the top margin of the announcement bar and the top of the browser window) which didn’t seem to be there before.

How can I remove that, please?

I’ve looked at different solutions offered to other users with similar issues, but nothing works for me.

Thanks!

[DaisyVo]

Hi @paoloreflex

Thank you for reaching out to the Shopify community. I’d be glad to assist you. Could you kindly share your store URL and password (if it’s password-protected) so I can review it and provide you with an update?

[B2Bridge]

Hi @paoloreflex
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

[LizHoang]

Hi @paoloreflex Can you share store url?

[paoloreflex]

Hi,

thanks for your reply.

It’s 2ae335-66.myshopify.com

[DaisyVo]

Hi @paoloreflex

To fix the issue, follow these steps:

Step 1: Check the theme.liquid file1. Go to Online Store > Themes > Edit Code.

1. Open the theme.liquid file.
2. Scroll down to find the tag.
3. Check if there’s any unwanted text or code similar to what’s shown in the image you have.
4. If you find it, delete that part and save the file.

Step 2: If the issue persists, add this CSS

If removing the text doesn’t work, add this CSS code in CSS customization:

.shopify-section.shopify-section-group-header-group.announcement-bar-section {
    margin-top: -30px;
}

Here is the result:

I hope this helps

Best,

Daisy

[LizHoang]

Hi @paoloreflex

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file

body.gradient.animate--hover-vertical-lift {
    margin-top: -30px !important;
}

Result

Best,

Liz

[paoloreflex]

Thank you Liz, this worked for me!