How to edit the hero banner in the brooklyn theme

New Member
1 0 0

Hi Everyon,


We´re looking to do something similar to :

Essentially I want it to be responsive an stay within the hero image boundaries. In the example from spiritanimal it doesn't matter if you view on the phone or if you have a narrow desktop browser, it always falls within the hero image boundaries.

Can anyone shed some light on to how this is achieved?


thank you!


21 1 3

Hello mallorcaria,

To add or edit the hero banner/announcement bar in the Brooklyn theme follow the steps below.

  1. In your admin go to Online Store > Themes > Customize
  2. Click on Header > Scroll down to the "Announcement Bar" section.
  3. Edit your banner with the options there.
WGM | 7+ Years Shopify Experience
-If my answer was helpful click Like to let me know!
-Did I answer your question? Mark it as an Accepted Solution