Stop Announcement Bar from Hiding Ella theme 6.5.2

Store Design

Topic summary

Main issue: Keep the Ella theme (v6.5.2) announcement bar (top notification strip) visible on scroll for both desktop and mobile.

What changed: A contributor provided a code-based fix that requires editing theme.liquid and inserting a snippet just before the tag. The original poster confirmed it worked.

Follow-up: Another participant reported the announcement bar overlapped the header/logo after applying the fix. After sharing a preview URL, they received an adjusted snippet (also added before in theme.liquid). This resolved the overlap, and they confirmed success.

Notes:

  • Screenshots were shared to illustrate the hidden bar and header overlap, but the solution hinged on theme.liquid edits.
  • Exact code content wasn’t detailed in the thread; the key action was where to place the provided snippet(s).

Outcome: Issue resolved for both users. No open questions or unresolved items remain.

Summarized with AI on December 17. AI used: gpt-5.
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: