Media grid responsiveness

I want the media grid I have, with 4 images further down the page, to stack in 2 images per row (instead of 1 as it is now) on portrait tablets, and mobile view, is this possible?

Hi there,

Thanks for writing around! To do this, just add the following code in the Theme Options > CSS:

@media screen and (max-width: 767px) {
  .vc_grid-item.vc_col-sm-3 {
    width: 50%;
    display: inline-block !important;
  }
}

Let us know how this goes!

That worked perfect, thanks.

Glad we could help.

Cheers!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.