How do I switch the position of the PRODUCTS & COLLECTIONS column in the predictive search menu

[lukafernada]

It is important because when there are no collections to suggest, it squashes the products into the left column

[Moeed]

Hey @lukafernada 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
@media screen and (min-width: 768px) {
.predictive-search__results-groups-wrapper {
    flex-flow: row-reverse !important;
}
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[lukafernada]

Hello,

Yes it flipped it round but my problem was that it pushed the products to the side when there was no availiable collections. Now it just pushes it to the other side: 

How do I fix this, or alternatively, is there a code to have the PRODUCTS column keep its size when it gets moved to the side?

[lukafernada]

First option, there was nothing of 'results' in search.json. Could this be in ecom-predictive-search.liquid you are referring to?

Second option, there was no three dots next to 'Search'.

Can you help still?