Number of grid elements in postgrid for web and mobile

vncnt

Hi there!
The postgrid elements the bottom of the page
see here:
http://bumsch.com/work/book-mockup-2/

For web it goes from 4 to 1 grid elements per row.
For mobile its always 1 grid elements per row.

Can I change these settings somewhere?

Thx!
Vincent

surgeon

Hello,
this can be achieved only by altering css styles.
use definition:
.vc_col-sm-3 { display: inline-block !important; width: 25% !important; }

vncnt

Hi Surgeon,
That worked brilliantly! Cheers!

Can you do the same for mobile? it's now on one column.

I would prefer for it to be on two columns. Would that be possible?

Kind regards,
Vincent

vncnt

Actually - forget previous - I just emptied the cache on my mobile phone. It does work on four colums.

Is there any way I could have it on two columns for my mobile phone?

Thanks!

surgeon

vncnt said: Is there any way I could have it on two columns for my mobile phone?

yup!
you need to wrap css definition in media query
please refer to: http://www.w3schools.com/css/css_rwd_mediaqueries.asp

vncnt

Thanks Surgeon,
Quite a helpful site.

I just changed my mind and now I would like the have 3 bricks wide across all media. (web - iPad - mobile)

Do you have a bit of css for this? I won't change my mind again. Promise.

Thanks!

Air

Then start with setting it in VC editor, set it to 3 columns, and then add this custom CSS:

@media only screen and (max-width: 768px) {
.vc_grid.vc_row .vc_grid-item.vc_col-sm-4 {
    width: 33.3333333%;
    display: inline-block !important;
}
}

With kind regards.

vncnt

Hi Air,
Thanks, that works perfectly!