Fullscreen menu niet geheel zichtbaar

Door Jop B op 18-03-2020 19:51

1.929 views

Hallo,

Ik heb een menu nagemaakt dat draait op mijn website. Het probleem is dat niet alle items zichtbaar zijn en je ook niet kunt scrollen.
Codepen

Het resultaat dat ik graag zou zien is een fullscreen menu en dat ik alle items kan zien d.m.v. een scroll.

Wie kan mij helpen met deze styling?

Frank Nietbelangrijk

18-03-2020 21:07 gewijzigd op 18-03-2020 21:41

Gewoon je overlay div overlow-y: scroll; geven ?


.overlay {
  /* ... */
  overflow-y: scroll;
}

Of je knalt nog een divje om je close button


  <div class="header-times">
   <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
  </div>


.header-times {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 10;
}

en dan blijft je close button gewoon staan als je scrollt.

J Jop B

19-03-2020 02:28

Hi Frank,

Het is gelukt:) werkt nu prima! Dankjewel.

Reageren

Inloggen om te reageren