BROOKLYN THEME: How to have a sticky header and announcement bar?

I want the code for having a sticky header and announcement bar on all pages in brooklyn theme please

1 Like

@A1234

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

Thank you for your reply

https://mapela-silver.myshopify.com/

I have a sticky header but it covers the slide picture and the announcement bar is not sticky on the products pages

hope you help please

first display the Announcement bar on the product page

Thank you so much!!

Another question please, how to change the sticky header to be normal size instead of covering the slide picture?

.slick-track{
top:170px !important;
}

@A1234
Add this code in the bottom of theme.scss

same issue

You haven’t added code.

@A1234
how it looks after adding code.

I added the code you provided me, but the problem is still not solved

https://mapela-silver.myshopify.com/

Please check my URL, the header is covering the slide picture.

Where you have added the code?

i think you have added into the wrong file.

@A1234

  1. Navigate to Online Store->Theme->Edit code
  2. Asset->/theme.scss.css ->paste below code at the bottom of the file.

It’s resolved, THANK YOU!!

This works for our home page only. Whenever viewing any other page (Collection, product, or page) it is still cutting off the top of the content.