I have the Brooklyn theme. My transparent header wasnt working so I used a code I found on here. This applied to all of my pages. Which is fine, but now the header collides with my page’s title on other pages. They are on top of eachother. Is there a way I can only have the transparent head on just the home page so I can remedy this? Or another solution? Thanks!
@mgilkey - can you please share your page link? and copy paste code here which you used for it? we might need to use hierarchy css for home page
Sorry you are facing this issue, it would be my pleasure to help you.
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.
It is especially noticeable on the phone
.site-header {
background-color: transparent;
position: absolute;
width: 100%;
}
@mgilkey - whats the password to view page?
hellofresh
@mgilkey - try this css, it is for homepage only, other pages will not be affected
.template-index .site-header {
background-color: transparent;
position: absolute;
width: 100%;
}