How to make an announcement bar sticky on the home page only?

Store Design
, , ,
2

Hi @doorstepdrip ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

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

{% if template.name=="index" %}
#shopify-section-marquee{
position: sticky;
    top: 0;
    z-index: 9999;
}
#shopify-section-header{
top:43px 
}
{% endif %}

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly