one-page, responsive classes

Question

Hello, I have a one page layout setup. I am trying to use responsive classes on the primary nav to swtich to "not dark" for mobile via applying data class lg="dark" data class xxs="not dark" to the <header>. When the site initially loads everything works fine. The problem arises when i scroll down and sticky nav activates. If I then scroll back up 'not dark' from sticky seems to stay and m primary nav color goes back to not dark. video of nav color behavior: http://nrteast marketing.com/p…