Stop Announcement Bar from Hiding Ella theme 6.5.2

Store Design
1

Hello, Can someone please tell me to stop the announcement bar from hiding once you scroll down the screen? I want to see it on both desktop and mobile.

Here is the preview link to my store:

https://stsmyndp7yf6cyqi-55024255114.shopifypreview.com

Screenshot 2024-08-16 at 2.28.17 PM.png
Screenshot 2024-08-16 at 2.28.17 PM.png2116×1475 440 KB

Screenshot 2024-08-15 at 4.33.01 PM.png
Screenshot 2024-08-15 at 4.33.01 PM.png887×1411 257 KB

Thank you in advance

1 Like
2

Hi @Only1mrsfragili ,

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

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

2 Likes
3

Thank you so much!

1 Like
4

@Only1mrsfragili , No problem, Glad to have helped you :heart_eyes:

1 Like
5

Hi there,

Your code is really helpful, but after I applied to my website, the announcement bar covers part of my header that my logo not be fully showed. Could you please advise and help?

Thanks!

TY

1 Like
6

Hi @TY61 , Can you kindly share your store URL with us? We will check it and suggest you a solution if possible.

1 Like
7

Here is the link https://q7sxsp6ksm13e1g4-59106263127.shopifypreview.com

I appreciate for you help!

1 Like
8

Hi @TY61 ,

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

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

1 Like
9

It works! Thank you so much!

1 Like
10

@TY61 , No problem. Glad to help you :heart_eyes: