I want the code for having a sticky header and announcement bar on all pages in brooklyn theme please
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
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.
- Navigate to Online Store->Theme->Edit code
- 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.


