Allways top: auto

Hey there.
I was importing the Homepage of: https://demo.tagdiv.com/newspaper_mintyside_pro/ because what we need is that the left side of the header will stay sticky. Like in this demo. All fine but if we scroll down, the “top:” will change to from “top:auto” to “top:20px” over JavaScript? in your Demo this is not happening. How can we remove that? because we need to have it like in your demo without a gap in the end.

So if you scroll the demo, the html looks like this:
<div class="wpb_wrapper" style="width: 749px; position: fixed; top: auto; bottom: 0px; z-index: 1;">
if I scroll after I imported your demo:
<div class="wpb_wrapper" style="width: 749px; position: fixed; top: 20px; bottom: auto;">

it should stay top:auto till the end is reached and after that it should change to:
<div class="wpb_wrapper" style="width: 749px; position: absolute; top: 826px; bottom: auto; z-index: 1;">

I can’t override it with css !important, because it also changes from “position: fixed” to “position: absolute” at the end and this should be like this. Can you please help me with that? why it’s different in our version and in your demo not?

cheers