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

[poczatkujaca12]

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 :/

[mrk9109]

Polecam kurs i poczytać dokładnie o siatkach źle wogule budujesz siatkę strony w boostrap w skrócie treść znajduje sie zawsze w cointainer w niej robisz row a w nim dzielisz komórki czyli możesz zrobić 3x col-4 i wtedy masz jedno dla logo dwa do menu . Na dodatek w cointaer wstawiasz gotowa funkcje stick czyli class=„coinater sticky-top”

[poczatkujaca12]

sticky-top mi nie działa...
i tak buduję siatkę - container w nim row w nim col...

[trueblue]

.container wcale nie musi być najbardziej zewnętrznym elementem. Siatka też nie musi być równomierna.

poczatkujaca12, musisz użyć JS - zdarzenia onScroll lub lepiej IntersectionObserverAPI.