Rafaela

Hi Kiran,
Thanks so much for this, it works!
I don’t think this was our email program though as if I go back to messages pre June 2018, the GD emails showed absolutely fine.
We have not changed our email program in June plus all other emails are absolutely fine, its only an issue with GD emails…

Anyways, your additional code works, thanks very much for it!

Rafaela

Hi Kor,

Thanks for your response!
I have had a look through all my installed plugins and none of them jumps out to be problem with this. Can you tell which plugin is interfering with the GD mobile settings?
I am thinking the most likely is Flocks for Geodirectory but that’s associated with GD as well?

I have had an idea though, couldn’t we force the images into a certain height same we did with your code for the GD Search result page above which obviously worked?

To manipulate the listing images as opposed the GD Search result images to what would I have to change the code you gave me? I can then play around with heights and centering the image, which should work…

@media only screen and (max-width: 600px) {
||which class is affected? .flocks-single-geodirectory-carousel-container .flocks-single-geodirectory-carousel OR .owl-carousel ???|| {
height: 300px !important;
}
}

Thanks so much for your help, I appreciate it!

Rafaela

Hi Kor,

I have done some further investigation into this and strangely enough a square image with the same height will show in the same height.See attached screenshot.
Not sure if this makes sense to you.

On mobile only the images will show up one by one (as opposed to desktop where they show in a row).
For mobile only, how can I centre the images? I.e. if in the screenshot the image is square i.e. won’t fill the whole width its currently left aligned and I would love it to be centre aligned.

I hope these are the last changes for mobile and all listings will be perfect after that 🙂
Most of our users are using GD on mobile..

Thanks so much,
Rafaela

Btw I am using an iphone Version 6 and Safari browser on the iphone.

Hi Kor,

Thanks so much for the code snipped above! Awesome!!!
It worked, fyi I did end up changing the height to 225, which looked better for the 800×600 logos we had uploaded.

I have just noticed another issue which only exists on mobile.
We are uploading the images with height of 600px so if its a landscape it will be 800×600 and if its portrait it will be 300×600 or thereabouts. GD will then change the sizes to 516×387 and 201×387. The point is that the height is the same. On desktop they will all show nicely in a row which makes sense as they all have the same height but just different width.
However on mobile it will show them as different heights which then also puts a gap between the landscape photos and the listing info as the height of the photos section will be taken from the portrait photos which show as too high.
Any suggestions on why this is happening and how we can fix this?

Thanks,
Rafaela

Thanks, Alex!!