To get your header to be in front of your images, you have to change the z-index.
background-color: rgba(255, 255, 255, 0.7);
Does anyone know how to make the background color appear only on scroll? Looks like the answer is here (http://stackoverflow.com/questions/28266651/change-header-background-colour-when-page-scrolls), but I'm having trouble implementing into the shopify brooklyn theme. Here is my website, publicrecapparel.com (I haven't pushed the fixed header out yet because I want the header bar to change color on scroll).
Any pointers would be greatly appreciated. Thank you!
Hi Zach. If you right click the Preview button on your development theme and then select 'Copy link location' from your context menu, you should get a link that looks like this: http://publicrecapparel.com/?preview_theme_id=12345678
Perfect. Thanks so much. Does this work? You'll see I've got the header frozen here, but it doesn't change color on scroll. Any tips would be greatly appreciated.
I didn't know where/how to add that! Can you give me some guidance there? I think that is what I'm missing. I tried to add it as an asset called header respond like this, but that can't be right. I'm pretty green with all of this.
Let me know if this screen shot works: