Dear @anipol
so you want the horizontal images be more wide and have the full height?

Best!

Marius

Dear @AaronDuRall
you could use a different mobile layout.

Best!

Marius

Thank you @edgrbnz !

Dear @AaronDuRall
you can use CUSTOM CSS for specific pages.
http://laytheme.com/documentation.html#custom-css-styling

Best!

Marius

Dear @Anders
you are welcome!

Best!

Marius

Many thanks @arminunruh !

You’re welcome!

And if you like please show off some screenshots. Would be cool to see how this works out!

Dear @Des
it is a bit complex to jump right in and present you the solution on a silver platter.

But I would work in steps.
First. Good that you have the animation in place.
Then you need to remove it when the lazyload says: All done.

Have a look here for jQuery use:
http://laytheme.com/documentation.html#custom-javascript

Instead of adding anything to the image with Javascript, you can output a console.log("TEST"); to see if the image is loaded. Then you can add a class called invisible to the image.

Hope that gives you a rough direction.

Well done until now!

Best!

Marius

Dear @serum
the solution from @edgrbnz sounds pretty fine.
We are trying to make this more simple in the future.

Best!

Marius

Dear @studioworkhorse
you can set the column distance in the Gridder. but that is for all the columns on the page.

Best!

Marius

Dear @this
I added this and it works:

video { object-fit: cover !important; height: 100vh !important; }

:-) ?

Best!

Marius

Dear @beshepappà
can you rewrite the code that you do not use this?
grid-template-columns: 1fr 1fr 1fr;

Best!

Marius

Dear @jpdl
a link to your website is helpful. Then we can have a look.
When Fullscreen Slider is active, all rows will get stretched to the height of the browser and the content will be vertically centered.

Best!

Marius

Dear @zochovsky
this seems possible. Yes. LayTheme has its limits.
Part of it is to come up with creative workarounds. We are all in that :-)

Best!

Marius

Dear @vanadamm
this you need to code yourself with jQuery.
In the end you have a video and pause and start it with a mouseover event.

Best!

Marius

Dear @beshepappà
you can use CSS classes to hide and remove the elements.

Or call the function to hide ALL before you click.

Best!

Marius

Dear @ksed
with CUSTOM CSS you could do that.

Best!

Marius

Dear @telmotype
we use FLICKITY. So you could try.

Best!

Marius

Dear @Des
yes. This should work.

Best!

Marius