How do you stop a dropdown menu from going up?

css, drop-down-menu, html, javascript, selector

Solution

Drop-downs are rendered by the Browser/OS. You cannot control this type of behaviour using CSS or JavaScript.

Problem

I have a dropdown menu that's towards the top of the page for most screen sizes, but on smaller screens, such as a laptop, the menu is in the middle of the screen, and because of this, the dropdown list is going above the selector. I want a dropdown that will consistently go down, no matter where on the page it is. Is this at all possible?

Original source