[CSS][bootstrap] tło dla marginesu containera przy position:sticky Opcje

[poczatkujaca12]

(IMG:https://i.ibb.co/3y73gL0/Bez-tytu-u.png)

Mam stronkę w układzie po lewej stronie - działa, fajnie...
po zjechaniu przy przeglądaniu strony ma przewinąć się logo i menu ktore jest nizej (w container)
dodanie

[HTML] pobierz, plaintext 
<div id="nav" class="pasek">
 <div class="container">
  <div class="row ">
   <div class="col col-lg-6">menu</div>
   <div class="col col-lg-6">menu</div>
  </div>
 </div>
</div>
[HTML] pobierz, plaintext 

CSS:

[HTML] pobierz, plaintext 
#nav{
	padding:10px 0;
	width:100%;
	box-shadow: 0 3px 6px #ddd;
}
.pasek {
	position: -webkit-sticky;
	position: sticky ;
	padding-top:10px;
	top: 0px;
        background: #fff;
}
[HTML] pobierz, plaintext 

I pasek działa - przewija się... tylko nie wiem jak dodać logo po lewej stronie jak na obrazku po prawej tylko w momencie przewijania się strony...
są jakieś w miarę proste sposoby?
trzeba zastosować JS?
Nie da się tak?

Próbowałam z before przed container, row, lub col...
bez efektu :/