Trying to remove announcement bar from homepage only (but keep on product pages).

[mk331]

Hi! I'm trying to remove the announcement bar from our homepage only. Using theme called Crave and here is our site: https://www.produce-aisle.com/. I am very new at all things CSS, so any help would be so appreciated! 

Thank you! 

MK

[Asad-Mahmood]

Go to your online store -> edit code -> theme.liquid file and paste this code before closing </body> tag

{% if template == 'index' %}
<style>
.announcement-bar {
    display: none;
}
</style>
{% endif %}

this will remove the announcement bar from home page only

[PageFly-Richard]

Hi @mk331 

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

{% if template == 'index' %}
<style>
.announcement-bar-section{
display: none;
}
</style>
{%endif%}

Hope this can help you solve the issue 

Best regards,

Richard | PageFly