Help with dropdown issue

[KellyR]

I thought it would be cool to use a drop down menu in my technical documentation page for smaller screens but its turning out to be very challenging. I can’t figure out a way to make it scroll so not all of the menu items are visible. I’m about to just delete it altogether but wanted to get some input on any ways I can still make it work. Thanks!

https://codepen.io/KellyR7/pen/ZEyGNJm

[ansellmax]

.dropdown-content ul {
   height: 200px;
  overflow-y: scroll;
}

I added this to your css, and it seems to work well enough.

There are probably better and more elegant ways to do this, but this was the quickest way I could think of.

You’ll obviously have to set another media query rule to set height: auto when the screen is big enough again.

[KellyR]

Thank you so much! I was playing with the overflow property but I wasn’t applying to the right thing.