oh wow, nice website!
Ok you got one black row and I guess you want to have white nav text just for that.
Right click any rows where you want your menu to be white, choose "set html class/id" and set the class: blackrow
Enter this js into "Custom <head> content" in "Custom CSS & HTML" in "Lay Options":
<script>
var offset = 50;
var $blackRows;
var $nav;
Frontend.GlobalEvents.on("newpageshown", function(layoutObj, type, obj){
$blackRows = jQuery(".blackrow");
$nav = jQuery("nav");
$nav.removeClass("white");
});
jQuery(document).on("scroll", function(){
$blackRows.each(function(){
var rect = this.getBoundingClientRect();
if(rect.top - offset < 0 && rect.bottom - offset > 0){
$nav.addClass("white");
return false;
}else{
$nav.removeClass("white");
}
});
});
</script>
And this css into "Custom CSS for Desktop Version"
nav.primary a{
transition: all 200ms ease;
}
nav.primary.white a{
color: white;
opacity: 1;
}