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
Visitor
3 0 1

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
1099 376 447

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 😍

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

Replies 3 (3)

BSSCommerce-HDL
Shopify Partner
1099 376 447

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 😍

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
theforagersfarm
Visitor
3 0 1

That worked perfectly, thank you very much!

 

Jordan

BSSCommerce-HDL
Shopify Partner
1099 376 447

@theforagersfarm , No problem. Have a good day 😍

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency