Grid/ List View for Cars Not Working Properly on Mobile

[wheelsonrentParticipant Support Period Has Expired]

I am using the Grid View as Default not the List View for Cars Listings

1. On mobile – When  I am on Car Listing page and I use any of the search options filter by clicking on the top search bar. The cars just overlap with each other upon choosing any of the car rental search option. The price and all icons gets hidden behind the car image.
2. Also tell me a Way How can I use Grid View as default on Desktop and List View on Mobile Version By Defaults for the car listings page. Also please be noted, issue #2 resolution is also important.
   Vehicle Listing Page Link is shared in a private content section.

Private Content Hidden

Attachments:

You must be logged in to view attached files.

[Alex – Support TeamKeymaster]

Hello.

1. We have fixed the problem and are preparing an update .

2. Unfortunately, I don’t understand.

Thanks.

[wheelsonrentParticipant Support Period Has Expired]

Thanks for the reply.

For problem 1:

Where can I find the fix? Is it ready yet as we need it at earliest. Can you share the specific file you made changes to as we made customization so updating a complete theme may not be the best option for us. For the info, we are not using any child theme.

For problem 2:

As there are two type of display settings to show cars 1. Grid and 2. List View on Autlines theme. If you choose one style as default from the auto settings page then the same style would be displayed on both mobile and desktop devices. Is it possible to set a different default style of cars on mobile and a desktop device. Attaching a pic for better understanding

 

Attachments:

You must be logged in to view attached files.

[Alex – Support TeamKeymaster]

1.This will be available soon on the marketplace . Regrettably, if you don’t use the child theme, our support won’t cover any custom modifications and we won’t be able to advise you on point updates.

2. We use Grid because it’s more compact but it shows the same information as LIST or GRID on desktop version . So they’re different blocks also on mobile, not the same.

Thanks.

[Alex – Support TeamKeymaster]

Hello.

1. Please add this code in css .

Thaks

@media (max-width: 768px){

.pix-dynamic-content #pixad-listing .slider-grid__inner {
    height: auto !important;
}

}