I am in the same predicament as well. I managed to conquer the problem by using jQuery (offset) but my problem is even bigger. The site is responsive and the offset is static. Is there a way to adjust the offset depending on the media queries?
I know that is kinda lame… but how else would one navigate the problem? Update the offset based on media queries?
Here is my pen: http://codepen.io/Archie22is/pen/vBqin