I'm having a bit of an issue with the CSS position: fixed property. It works perfectly fine on desktop browsers, but when I load it on my iPhone or iPad, a bit of a bug shows up. When I scroll down on an iOS device, the position: fixed property is ignored on the header until I stop scrolling. As soon as the scrolling stops the header snaps into the fixed position it should have been at all along, and then it's fine from there on out and stays fixed. Does anybody have a workaround solution on getting this fixed property to be active as soon as the website is loaded on iOS instead of after somebody scrolls? I'd really appreciate the help... Thanks!!
Edit: The page I'm referring to is www.schlemtheater.com in case you wanted to see the weird issue for yourself on an iOS device.