Soms wil je een onderdeel vast laten staan als je de WordPress pagina scrollt. Dit kan een menu, afbeelding, logo, tekst of tekstblok zijn. Het kan zijn dat je het venster eerst moet verkleinen om een scrollbalk te krijgen). Al het werk om het op zijn plaats te houden wordt gedaan door regels in het CSS. Hier is de layout van een menu:

In een browser zonder CSS of met CSS uitgeschakeld, is het gewoon een lijst met links. Maar mèt CSS, dankzij de regels hieronder, lijkt het of hij boven de pagina zweeft. het is dan vastgemaakt aan de rechterkant van de browser.

#menu {
  position: fixed;
  right: 0;
  top: 50%;
  width: 8em;
  margin-top: -2.5em;
}

Het blijft dus zichtbaar, zelfs als de gebruiker scrollt. Je kunt de positie instellen met “top”, “left” en “right” attributen. De CSS die ik gebruik voor een logo ziet er zo uit:

Logo vastzetten in hoek webbrowser

.fixed{
    position:fixed;
    top:0px;
    right:0px;
    width:100px;
}

Info vastzetten in hoek webbrowser

https://stackoverflow.com/questions/7320945/make-one-div-float-over-another