Remove announcement bar from a specific page in Dawn theme 7.0

Solved

Remove announcement bar from a specific page in Dawn theme 7.0

theforagersfarm
Excursionist
13 0 4

Howdy,

 

Just wondering if someone would help me remove the announcement bar on a specific page in my dawn 7.0 theme.

 

I've successfully removed the header and footer, but the announcement bar is still up, and I'd like it removed.

 

Here's the specific page: Summer Grassfed Lamb Giveaway – The Foragers' Farm (theforagersfarm.com)

 

Thanks for any help.

 

Jordan 

Accepted Solution (1)

BSSCommerce-HDL
Shopify Partner
2305 834 907

This is an accepted solution.

Hi @theforagersfarm
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag: 

{% assign full_url = request.host | append: request.path %}
  {%- if full_url contains 'summer-grassfed-lamb-giveaway' -%}
    <style>
      div#shopify-section-announcement-bar {
        display: none !important;
      }
    </style>
{%- endif -%}

Here is result:

BSSCommerceHDL_0-1719604848654.png

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 😍

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

View solution in original post

Replies 3 (3)

BSSCommerce-HDL
Shopify Partner
2305 834 907

This is an accepted solution.

Hi @theforagersfarm
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag: 

{% assign full_url = request.host | append: request.path %}
  {%- if full_url contains 'summer-grassfed-lamb-giveaway' -%}
    <style>
      div#shopify-section-announcement-bar {
        display: none !important;
      }
    </style>
{%- endif -%}

Here is result:

BSSCommerceHDL_0-1719604848654.png

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 😍

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

theforagersfarm
Excursionist
13 0 4

That worked perfectly, thank you very much!

 

Jordan

BSSCommerce-HDL
Shopify Partner
2305 834 907

@theforagersfarm , No problem. Have a good day 😍

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now