hello

Checked the screen size settings in the application's theme.

Used responsive classes from the OutSystems UI framework.

Added custom CSS to handle specific mobile styles.

Tested on different mobile devices using browser developer tools

custom CSS to make the dropdown more responsive : 

.dropdown-search {

    width: 100%; 

} 

.dropdown-search input {

    font-size: 16px;

 } 

.dropdown-search .dropdown-menu { 

   max-height: 200px;    overflow-y: auto;

 } 

i hope it's help

Hi HARI PRASAD BODDU

Use this CSS to fix that UI issue

.vscomp-wrapper.show-as-popup .vscomp-dropbox {

    margin-top: -245px!important;

    max-height: calc(80% - 48px);

    max-width: 500px; 

   position: relative;    

}

Hello Hari,

Once check dropdown widget you used enclosed in container, and check please.

Hope it works

Thanks 

Hello, @HARI PRASAD BODDU 

Image Caption

I have shared an image with you, if you want proper mob responsive as per your requirement then I have choose mobile portrait , select it that is for mob view, outsystems already have responsive widgets if you have used containers as per your requirement on your screen. 

Thanks 

You can target the device and base on device you can provide the difference css class for the desktop, Table and mobile.