Opgelost menubalk op mobiel vastzetten

[rob1970]

Ik ben bezig met deze website: https://met-rob.com/senad_01/about.html

Als ik deze pagina op een laptop naar beneden scroll blijft de zwarte menubalk op zijn plaats staan en is altijd zichtbaar.

Op een telefoon echter scrollt de menubalk mee naar boven waardoor deze uit beeld verdwijnt.

Hoe kan ik ervoor zorgen dat de menubalk ook op mobiele weergave blijft staan?

 

[kenikavanbis]

met css kijk je eens richting

@media (max-width: 500px){
  .menu-sidebar{
    position:fixed;
    LEFTt:5px;
    z-index: 99;
    font:8px/10px Helvetica, sans-serif;
  }
  .menu-sidebar Li{
    width:45px;color:#AAA;font-weight: bold;display:inline-block;
    font-size: 12px;text-align:left;
    padding:1px 1px 1px 1px;margin: 1px 1px 1px 1px;
    border:3px solid #F00;border-radius:3px ;
  }
}

 

[rob1970]

Het gaat niet om de sidebar maar om de zwarte menubalk bovenin.

Op een laptop blijft deze altijd in beeld als ik de pagina verder naar beneden scroll.
Op een telefoon verdwijnt deze zwarte menubalk uit beeld zodra ik naar beneden scroll.

 

[bron]

Op een telefoon echter scrollt de menubalk mee naar boven waardoor deze uit beeld verdwijnt.

Als je position: absolute; verandert in position: fixed;
Kan je daar iets mee?

.wrap-menu-header {
  position: fixed;  /* was absolute */
  width: 100%;
  height: 80px;
  top: 0;
  left: 0;
  z-index: 100;
  border-top: 5px solid #fff;
  background-color: #000;
}

 

[rob1970]

Dat was het ja. Ik had daar ook al aan gedacht maar was in de veronderstelling dat "absolute" juist betekende dat het op zijn plaats zou blijven.

Bedankt weer !