Home › Forums › Product Support Forums › Ajax Search Pro for WordPress Support › Frontend issues › Reply To: Frontend issues
February 8, 2018 at 3:06 pm
#16705
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 :)