I have been working on my Brooklyn for my store which is due launch this month.
Issues are with mobile view only (if I'm not wrong) , header height is not optimised as per mobile view and logo/icon sizes want to reduce it but all tweaking reading old threads went in vain. Attached is the screen shot of the same.
Other issue is header overlapping on product images (not on slideshow or anywhere else) , this I realised when I thought that images were getting cropped from top unless I turned on header transparency and witnessed this.
Thanks in advance.
Initially i wanted to separate header from slideshpw and few other minor tweakings , followed some threads and added following to theme.scss.liquid