Page not rendering properly with safari 9.1, no idea why this is so weird.
It has like a white space on top of everything and once we select or drag around the area it appears.
It works fine even with old versions of safari.


Hmm, is it possible to share an URL? It's hard to figure this out just by a screenshot :(
What I tend to do in these cases is to comment out all the CSS (yes ALL of it) and then turn on a couple of classes to see what happens and repeat that until you see the white space again. Then you've narrowed it down a bit. It's bug hunting, that's for sure :(
Oh and check the HTML for open tags. Most browsers are pretty relaxed about it, but that varies per browser. Maybe Safari 9.1 is more strict?
after following @Robert 's suggestion I figured out that the code
.page-title, .product-view .product-essential .product-name{
background-image: url('../images/background-title.jpg');
background-repeat: no-repeat;
background-size: cover;
box-shadow: inset 0px 0px 30px 0px #999;
-webkit-box-shadow: inset 0px 0px 30px 0px #999;
-moz-box-shadow: inset 0px 0px 30px 0px #999;
-o-box-shadow: inset 0px 0px 30px 0px #999;
border-bottom: none;
}
was the one giving that problem. after commenting this everything looks to be fine.. not sure what is wrong with this though.
Steffen Cope
Indelible Web.
Well, its going to be CSS or JS and CSS combined somewhere down the line.
When you have isolated the CSS causing the issue, remove and rewrite it in a way that does not cause the issue.