Background Image Grid with Images “Natural Size” on Mobile

  • Is it possible to achieve a grid like https://imgur.com/hW7cwQm, where the desktop version uses background images and the mobile version displays the images at their natural aspect ratios, as if they were regular images? I see I can give the areas a padding-top on mobile to at least get the images to display, but my client is not going to find that intuitive and it would be best if the images weren’t cropped on mobile. Thanks!

Viewing 1 replies (of 1 total)
  • Plugin Contributor Simone Maranzana

    (@simo_m)

    Hello there,

    this kind of behavior is not supported by Grids, you can use a plugin like Block Visibility, apply the image as background on the column (using the Grids column background option), insert the same image as image block inside the column ad hide it on desktop and tablet (with the Block Visibility options).

    I understand that this is not the perfect solution but could work.

    Best,

    Simone

Viewing 1 replies (of 1 total)
  • The topic ‘Background Image Grid with Images “Natural Size” on Mobile’ is closed to new replies.