Removing space above announcement bar in Dawn Theme

paoloreflex · ‎03-05-2025

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!

LizHoang · ‎03-05-2025

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

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Check our Joy Rewards & Loyalty Program

View solution in original post

DaisyVo · ‎03-05-2025

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?

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution

paoloreflex · ‎03-05-2025

Hi,

thanks for your reply.

It's 2ae335-66.myshopify.com

DaisyVo · ‎03-05-2025

Hi @paoloreflex

To fix the issue, follow these steps:

Step 1: Check the theme.liquid file

Go to Online Store > Themes > Edit Code.
Open the theme.liquid file.
Scroll down to find the <body> tag.
Check if there’s any unwanted text or code similar to what’s shown in the image you have.
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

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution

B2Bridge · ‎03-05-2025

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.

B2Bridge: All-in-one B2B wholesale solution, enabling merchants to set up a complete B2B store quickly and without coding.
With features like customizable registration forms, customer segmentation, and tailored price lists, it simplifies wholesale management.
B2Bridge also includes a dedicated Quick Order page and flexible Net Payment Terms, streamlining operations for wholesalers and enhancing the buying experience.

LizHoang · ‎03-05-2025

Hi @paoloreflex Can you share store url?

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Check our Joy Rewards & Loyalty Program

LizHoang · ‎03-05-2025

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

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Check our Joy Rewards & Loyalty Program

paoloreflex · ‎03-06-2025

Thank you Liz, this worked for me!

Removing space above announcement bar in Dawn Theme