I’m now trying to employ image/video grids into a site I’m working on. Great feature, BTW.
The grid opens when the button created is clicked. So far so good. The grid appears, and pushes down elements below it. Works fine…on the desktop and mobile layout…
When the grid is closed, the elements below it move back into their original positions, but ONLY on the desktop layout. The mobile layout leaves a large gap where the grid was previously.
Any suggestions? If this doesn’t work on mobile, I’ll need to find a workaround.
I think this may have something to do with position/sizing of elements on the mobile version of the page. If you take a look at THIS page, I’ve created a layout grid which can be hidden or displayed via a button. It works well on my desktop and mobile devices. However, when creating it, I did notice that the layout block on the mobile page was positioned further down the page than anticipated. It’s also important to ensure that your grid cells are resized to better suit the mobile screen. If you don’t do this, the cells can get distorted as they try to squeeze into the smaller space. Check the link above on desktop and mobile to see if it works for you.