Reply To: layout issues


Ernest Marcinko


Thank you for the details and the log-in information!

1. It was because of a custom script that it converting the select box into some kind of search and select layout. The scroll script malfunctioned and calculated the height incorrectly. I've fixed it by removing the scrollbar handler directly from the code (via FTP). I think I will add this solution to the upcoming version as well, to prevent similar problems in the future.

Also, to display the drop-down correctly, I suggest using this custom CSS as well:

div.ajaxsearchpro[id*='ajaxsearchpro'] {
    overflow: visible !important;

Because the custom script position is absolute and part of the settings overlay, which prevents elements from overflowing. This code will allow overflow of the custom select script elements.

2. Yes, you can change the order of the field groups as well on the Frontend search settings -> Advanced panel:

3. That layout uses two visual composer columns.

In the first column there is the search bar and the search settings shortcode right below each other like so:

[wpdreams_ajaxsearchpro id=1]
[wpdreams_asp_settings id=1 element='div']

in the second column the results shortcode is placed:

[wpdreams_ajaxsearchpro_results id=1 element='div']

This results in a layout in which the search and the settings are on the left, the results on the right.
If you are not using any visual editor, you can use the shortcode builder then you can use this shortcode as well:

[wd_asp elements='search,results,settings' ratio='50%,50%,50%' id=1]

To display results by default, use the auto populate feature, for more information about it, check this chapter in the documentation:

Ernest Marcinko

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