Reply To: Change width of layout

#13169

Ernest Marcinko
Keymaster

Hi,

Thank you very much for your kind words, it's greatly appreciated!

There is actually no option for that, the width of the results is always adjusted to the search box in hovering mode, but can be easily changed with a small custom CSS snippet. For example, if you want to change it to 500 pixels wide:

div[id*=ajaxsearchprores] {
    min-width: 500px !important;
}

This should do the trick.

Addition: The layout will be snapped to the left hand side of the search box. So, in case you want to move it more to the left from right, you might also want to add some negative margin as well, for example:

div[id*=ajaxsearchprores] {
    margin-left: -100px !important;
}

This might not be needed depending on your situation, and the 100px value is just representative, you might have to experiment with that a little.

Best,
Ernest Marcinko

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