Figured out a work around
CSS:
.page-heading {
width:100%;
bottom:0;
z-index:9999;
margin-top: 0;
margin-bottom: 0!important;
position: fixed;
text-align: left;
border-top: 0!important;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
JQuery
var $ = jQuery;
tiles = $(“.page-heading”).fadeTo(0, 0);
$(window).scroll(function(d,h) {
tiles.each(function(i) {
a = $(this).offset().top + $(this).height();
b = $(window).scrollTop() + $(window).height();
if (a < b) $(this).fadeTo(500,1);
});
});
Thank you for all your help,
Marc