Announcement bar shifting (Dawn Theme)

[Blossomsloft]

Hello,

Can someone please help?

The announcement bar is causing Cumulative Layout Shift (CLS) Issues. With every page change the announcement bar messages all shows up at once for a few seconds causing a shift. This is occurring in both the website and mobile. 

Https://blossomsloft.com/

Thanks in advance

[rajimulislamjoy]

Fix the Cumulative Layout Shift (CLS) issue caused by the announcement bar on your Shopify site, try setting a fixed height for the announcement bar in your CSS. This will prevent the layout from shifting when the messages load. Here's a quick CSS snippet you can add

.announcement-bar {
height: 50px; /* Adjust this value based on your design */
overflow: hidden;
}

[Blossomsloft]

Thanks for your response, but that did not fix the issue.