Help with dropdown issue

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!

.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.

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

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.