Header Question

Hi Bryce,

Yes this should be possible. If I understand correctly, you want the Title to not show when the entire Header is Transparent (at the top), and then have it appear when scrolling down with the Black background?

If you can post a link to your site with the Title active, then I can tell you which part to customize/edit to get it to work.

Let me know if you meant something different

I’m just now seeing this for some reason. Did you get it working how you want? Or were you still looking for a better solution?

I can see the header/text appears to be white at the very top and then shows up when the red background activates on scroll….This should work fine visually, but let me know if you’re still trying to do something different.

If you are still looking for a different way: You could add display: none; to the header on the homepage like this (line 1179) –

.featured-section .site-header {
	background-color: transparent;
	border:  none;
	display: none;
}

…and then have it show up once you scroll down by adding display: block; (or anything equivalent) to the .site-header.light on line 1185 –

.site-header.light {
	background-color: #E50000;
	padding-top: 0;
	display: block;
}

If you do it this way and would prefer the background image to reach the very top (instead of having the white space at the top) then you would need to edit and remove that space out of the image itself.