Elementor gallery "justified" layout does not conform to section.

[thevisi0nary]

Trying to make a mosaic like gallery that conforms to it's container, I am unsuccessful thus far.

 

[sms-design]

Could you help us with some more information about version of

• wordpress
• elementor free/pro
• widget
• theme
• Web browser
• OS mac/pc/linux

Site url may help people answer your questions.

 

[thevisi0nary]

Link to the site -- greengrovedigital.com/home2/
I resized the images just for the purpose of demonstrating the problem.

Elementor pro with it's gallery widget, everything is up to date. Canvas theme.

 

[sms-design]

You need to create the optical illusion of scroll.

Add two sections to your page Above and below your gallery widget give both sections
layout > height > min-height 200px
Style > background colour your choice
Advanced > set the z-index to say 20 >

Top section advanced > motion effects > sticky > top
Bottom section advanced > motion effects > sticky > bottom

And a video form inspiration Elementor Stick Scroll

 

[thevisi0nary]

Super cool effect and is something I have been meaning to learn how to do, thank you for that.

However this does not solve the original problem.

See here - greengrovedigital.com/home4/

 

[sms-design]

I think if you can provided a screenshot or an example site with what your look to achieve might help.

Also you design does weird things on mobile view

 

[thevisi0nary]

The gallery does not fit all of the available space of the container.

Also I haven't gotten to work on the mobile end on the site

 

[sms-design]

You will need to look at image size and the columns used in your design