Help to remove colored banner please!

[wharfie79]

Hi Friends,

I am needing some help to remove a coloured info bar on each of my Shopify site's collection pages.
Please see screenshot below and the link is: https://planners.teachthis.com.au/collections/planner-accessories

Be kind! I am a total newbie. I know how to access the section where I can edit the .liquid files. If you can be specific about which file I need to open and exactly which part of the code I need to change or delete.

Thank you so much!

 

[suyash1 · Accepted solution]

@wharfie79  please add this css to the very end of your style.css file and check,
Shopify Admin -> Online Store ->Theme -> Edit code -> style.css

.top-notification-bar{display:none !important;}

[wharfie79]

Thank you so much! This worked perfectly. I am very grateful for your help 🙂

[ecoboostify]

Hope this guide is helpful to you.

1. Log in to Shopify > Online Store > Themes > Actions > Edit Code. (https://prnt.sc/uY9U7spGEzIV)
2. Search collection.json, open the file, and find the key "main". (https://prnt.sc/UqkLWCPibd3l)
3. Copy the section type (e.g., main-collection-banner).
4. Search for the section file (e.g., main-collection-banner). (https://prnt.sc/zMAp78e1_r8S)
5. Remove the div "container mt-4" and its child elements. (https://prnt.sc/tV4uRHL_6nKy)
6. Save changes.

[wharfie79]

Thank you so much for helping 🙂