Stick announcemnt bar and header all time
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.
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:
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 ![]()
It worked
@NOT1 , Glad to help you. Have a good day ![]()
Thanks
Hey i just want it for pc is it possible
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 ![]()
Cảm ơn rất nhiều
@NOT1 , No problem. If you have any problem please let me know ![]()
