Reply To: Change the scroll direction in the horizontal layout

Home › Forums › Product Support Forums › Ajax Search Pro for WordPress Support › Change the scroll direction in the horizontal layout › Reply To: Change the scroll direction in the horizontal layout

September 29, 2016 at 2:00 pm #10283
Ernest Marcinko
Ernest Marcinko
Keymaster

Oh, I see now. Well, that’s a bit more difficult, but I would say possible. Although please note that this is a modification “hack”, so I cannot guarantee that these suggestions will work correctly at any circumstances.

Same as before, use the vertical view, but with this custom CSS:


.results .item {
    width: 24% !important;
    max-width: 24% !important;
    box-sizing: border-box !important;
    margin: 0.5% !important;
    flex: 0 0 25%;
    -webkit-flex: 0 0 25%;
    padding: 10px 4px !important;
}

.resdrg { 
    display: flex;
    flex-wrap: wrap;
}

.results .asp_spacer {
    display: none !important;
}

.results {
    max-height: 300px;
}

.asp_image {
    width: 100% !important;
    height: 200px !important;
}

This code resulted this layout: https://i.imgur.com/2mYcAqQ.png

It’s probably not 100% correct, but it should be a good starting point.

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