justinpheap.co

www.teamdb.solutions is the URL

I'm currently using a scrolling header option that transitions from transparent to a solid color when you begin scrolling (on version 7.1). How can I adjust the header transition timing so that the solid color doesn't arrive until the user hits the second section, if you will? For example, please see the pair of screenshots. The transparent header transitions to a black solid background almost immediately; I'd like it to transition to a black solid background at the transition between the hero and the Contact Us section.

@christyprice –that's a much more efficient and effective way than I was going about it. Thank you so much!

Thanks for the quick reply, @christyprice! So, I am currently setup with two separate Index Pages (screenshot). Is this what you recommend with your code –adding it to the overall CSS, then? Thanks again 🙂

@christyprice I love this solution and arrived at something similar for my sites, too. One problem I am running into is essentially the use of Relative Links in the nav menu. So, for example, when users arrive at my site (www.mitchbakker.com) via mobile, they landing page, url slug /home-mobile, is great –but then the primary nav links still point to the url slug /home. So, the user naturally clicks to go "home" at some point, and then they are met with the desktop version of /home. Any thoughts on how to provide a solution?