Space Gallery 1/2 – issue if last row only displays one video

Hello Dear stigekalder.

Thank You for contacting with us and for telling us about your request. I have checked the page on all our devices but can’t find there problem which you said us. Please can You make a screenshot to show me the problem?

Thank You.

Hi,

Yes, here are links to 2 screenshots:

nielsbrandt.net/IMG_4665.JPG
nielsbrandt.net/IMG_4666.JPG

Maybe an Ipad pro issue ?

Thanks for quick reply !

Here is a screenshot from an Ipad Air One of a similar webpage (in this case with 9 videos):
https://nielsbrandt.net/IMG_0774.PNG

As you can see, video 8 is hanging too low, and only that one.
This is strange as on my Ipad pro 10,5 this page looks ok (in landscape).
In portrait, the whole of column 2 is hanging too low (similar to the previous screenshot in portrait).

Sorry its a bit small – it’s me in the top right corner ??

Dear stigekalder.

Thank You for your response. If you are about the 8 video, that is ok that video is more lower. Because the title if video 5 if too longer and it is takes 2 rows. Hope you understand the reason.

Thank You.

Hi,

Good observation, that explains the last screenshot.
But it does not explain what happens at my test webpage.

Here are the links again with http this time:
https://nielsbrandt.net/IMG_4665.JPG
https://nielsbrandt.net/IMG_4666.JPG

PS:
I had a <hr> tag before and after the short code.
I removed it just to ensure it did not have anything to do with it.
And it hasn’t.
Now all there is at the test page is the short code with the gallery id.
Thanks.

Dear stigekalder.

I am understanding you. But when I am checking it on my devices it works well, I can’t find there any issues. I can’t imagine the reason.

Thank You.

Dear stigekalder.

Please can You check the page with other devices too? Because when we are checking on our devices, all is working well and we can’t find there any problems.

Thank You.

I checked it with Ipad Air (model 1) and it’s the same. And on IPhone 6s in landscape also.

The same problem I mean ??

Dear stigekalder.

Please again edit the widget.php file. Find there:

@media (max-width: 850px)

on line 10846, and replace that row with this code

@media (max-width: 850px) { 
.TotalSoft_GV_SG_Grid_<?php echo $Total_Soft_Gallery_Video;?>
{
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 0px;
-moz-column-gap: 0px;
column-gap: 0px;
}
}

Thank You.

Hallo,

I don’t have the same line numbers as you, and I find 2 occurrences of “@media (max-width: 850px)”. I have tried to change both (one at a time), but I see no changes.
Best regards, stigekalder.

Dear stigekalder.

Please find this row

@media (max-width: 850px) { .TotalSoft_GV_SG_Grid_<?php echo $Total_Soft_Gallery_Video;?>

On that row you must have onbly about column-count options.

Thank You.

• This reply was modified 6 years, 6 months ago by totalsoft.

Hi,

I did not understand “On that row you must have onbly about column-count options.”.

I tried again, and in landscape it’s still exactly the same as screenshot (second column hanging low).
In portrait it’s even worse, second column still hanging low, and there is zero distance between the 2 columns.

This is the line I updated + the following line not changed:

@media (max-width: 850px) { .TotalSoft_GV_SG_Grid_<?php echo $Total_Soft_Gallery_Video;?> { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 0px; -moz-column-gap: 0px; column-gap: 0px;} }

@media (max-width: 600px) { .TotalSoft_GV_SG_Grid_<?php echo $Total_Soft_Gallery_Video;?> { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } }

You have done all correct. Is it works now?

Thank You.

No, I described in my last post how it looks after latest change:

Quote
I tried again, and in landscape it’s still exactly the same as screenshot (second column hanging low).
In portrait it’s even worse, second column still hanging low, and there is zero distance between the 2 columns.
Unquote