Reply To: Frontend issues

#16705
Ernest Marcinko
Ernest Marcinko
Keymaster

Hi!

To add some responsiveness, maybe setting a minimum width of 210px on the first element, and 320px on the search container will do the trick:


.asp_shortcodes_container .asp_shortcode_column {
    min-width: 320px !important;
}

.asp_shortcodes_container .asp_shortcode_column:first-child {
    min-width: 210px !important;
}

You might have to adjust these values, but currently it will look like this on small screens: https://i.imgur.com/YOk273k.png

The non-searchable element is just a simple select, but there are some custom CSS rules inherited from the theme, that override the default layout. If you decide to use that, then this should make it look similar to the searchable:

select.asp_nochosen {
    line-height: 44px !important;
    min-height: 55px !important;
    min-width: 195px !important;
    width: 195px !important;
    background: #f6f6f6 !important;
    appearance: menulist !important;
    -webkit-appearance: menulist !important;
}
Best,
Ernest Marcinko

If you like my products, don't forget to rate them on codecanyon :)