Help to remove colored banner please!

Store Design
1

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!

Capture.PNG
Capture.PNG1896×659 181 KB

2

@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;}
1 Like
3

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.
1 Like
4

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

5

Thank you so much for helping :slightly_smiling_face: