Search code examples
htmlselectmobileoverlaydisable

html <select> dropdown - how to disable mobile overlay


I have a dropdown box that works fine on desktop, however, on mobile it opens a full screen overlay with all of the options. I'd like to bypass that overlay and use the standard dropdown as it is on desktop. Is there a way programmatically to do this in Jquery?


Solution

  • I would suggest you to use a CSS only dropdown list. This way you can preserve the same dropdown from a desktop to a mobile.

    Here is the reference: Responsive mobile dropdown navigation using css only