Docs

[mgma]

Hi guys-

I have a media grid on my site…

https://cyber-edge.com/clients/

It seems there are only 2 stages of responsiveness… all six across (which gets really tiny on tablet-ish resolutions) and then 1 item per row on mobile (which is really kindof too big for this application).

If note actual stages of responsiveness… I’d like to at least make it two items per row instead of one. Can I do this?

Thanks!

[Nabeel A]

Hi there,

Thanks for writing in! Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

@media (min-width: 768px) and (max-width: 1024px) {
.vc_col-sm-2 {
    width: 32.666667% !important;
}
}

@media screen and (max-width: 767px){
.vc_col-sm-2 {
    width: 49.666667% !important;
    float: left !important;
}
}

@media screen and (max-width: 479px){
.vc_col-sm-2 {
    width: 100% !important;
    float: none !important;
}
}

Let us know how this goes!

[Author]

Posts