How to correctly arrange blocks with the sticky and fixed properties in a row?

Question

css

Tell me what I'm doing wrong. Maybe I didn't build the structure correctly. Position-sticky doesn't work. The idea is that the navigation block is fixed on the left, the content is in the center, and the sticky block is on the right. At the same time, the header is also fixed, which causes the content to crawl under the header and header-fix indents so that the content is after the header.

<div class="container-fluid header-fix">
         <div class="row">
            <div class="col-lg-1 position-fixed">фиксированная колонка</div>
            <div class="col-lg-8 ">
               <div class="col-lg-8 mx-auto">{content}</div>
            </div>
            <div class="d-none d-lg-block col-lg-3 position-sticky">левая липкая колонка</div>
         </div>
      </div>

Visually it looks like this.