White space above Sliding Announcement bar Dawn Theme

Store Design
,
1

Hi there,

I’m currently facing an issue. I wanted to have a slider announcement bar, so I used this code to change it: https://websensepro.com/blog/how-to-add-announcement-bar-slider-shopify-dawn-theme/

The code worked, however, now I have a white space at the top of the announcement bar, and I’m experiencing it not only on my site but also on my duplicate site, which I don’t understand why it happened.

WenMar_0-1715344201086.png
WenMar_0-1715344201086.png1918×928 246 KB

This is the link to my store: https://comfypeace.store/

Thank you so much for any help you can give me

2

Hi @WenMar ,

You can try this code by following these steps:

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

HDLShin_0-1715344665774.png
HDLShin_0-1715344665774.png1902×899 133 KB

Step 2: Search file base.css or theme.css

Step 3: Insert the below code at the bottom of the file → Save

div#powrIframeLoader {
    display: none;
}

Final Result:

HDLShin_1-1715344737311.png
HDLShin_1-1715344737311.png1919×880 263 KB

Hope it can helps you

3

Hello @WenMar

This is Amelia at PageFly - Shopify Advanced Page Builder app.

You can try the following steps I have provided to help you solve the problem you are facing:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file base.css or theme.css

Step 3: Add code

#powrIframeLoader {
   display: none !important;
}

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly

4

It worked, thank you so much