Bootstrap Affix menu within a pushed column overlaps main content in Safari when scrolling

Question

This might be a bug within Bootstrap itself, but I\'m still interested to see if anyone can come up with a fix or at least some help.

To jump straight to the issue,

Answer 1

The best solution we came up with was to hide the affixed column and show the same content elsewhere. Instead of falsely re-ordering the columns with pushes and pulls.

    NORMALLY AFFIXED CONTENT


    MAIN


    
AFFIXED CONTENT