Fix header

Store Design

Topic summary

  • Goal: Make the announcement bar and header stay fixed (sticky) at all times on a Shopify store.

  • Implementation: Support advised editing theme.liquid (Shopify Admin → Online Store → Theme → Edit code) and inserting a custom code snippet above the tag. A result screenshot was shared. A code snippet is central to the fix, though its content isn’t shown here.

  • Outcome: The initial sticky behavior worked as confirmed by the requester.

  • Refinement: The requester then asked to apply the sticky behavior only on desktop (PC). Support provided a replacement code snippet tailored for desktop-only. Specific code content isn’t visible here, but it replaces the original snippet in theme.liquid.

  • Status: The requester expressed thanks (including “Cảm ơn rất nhiều”). No further issues raised; solution appears accepted and implemented.

  • Notes: Key artifacts are the custom code snippets and a screenshot demonstrating the result. No disagreements or unresolved questions remain.

Summarized with AI on December 19. AI used: gpt-5.
1

Stick announcemnt bar and header all time

2

Hi @NOT1 ,

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

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:

Here is result:

BSSCommerceHDL_0-1726933388190.png
BSSCommerceHDL_0-1726933388190.png1920×164 103 KB

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:

3

It worked

4

@NOT1 , Glad to help you. Have a good day :heart_eyes:

5

Thanks

1 Like
6

Hey i just want it for pc is it possible

7

Hi @NOT1 , Pls replace old code to new code:

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:

8

Cảm ơn rất nhiều

1 Like
9

@NOT1 , No problem. If you have any problem please let me know :heart_eyes: