Row with image assets 2 columns on mobile like shop

[Pothe]

Hi,
I am using rows and image page builder assets to make a home page display of products. I want to use this method as I have few products to display but lots of variation images of each product. So the image page builder asset gives me a really nice way to display the products in a grid and position them as I choose.

I want to display 2 columns on mobile though, just like the shop standard view for products. The default is to show one column for page builder assets.

Is there a simple CSS tweak for this?

[Nishant – SUPPORT]

Hello Pothe,

We need some screenshots to check and let you know if this requires major css customization or minor.

Some examples of reference pages from theme demo or some websites?

Regards,
Nishant
SwiftIdeas Customer Support Team

[Pothe]

Sorry I didn’t get back to you on this one.
I found a way to give a grid view for the image page builder asset with an extra class:

@media only screen and (max-width: 767px) { 
.image-mobile-grid {
  max-width: 50%;
float:left;
padding-left: 5px;
padding-right: 5px;
margin-bottom: 5px;
margin-top: 5px;
}
}
@media only screen and (max-width: 767px) { 
.image-mobile-grid-right {
  max-width: 50%;
float:right;
padding-left: 5px;
padding-right: 5px;
margin-bottom: 5px;
margin-top: 5px;
}
}

[Mohammad – SUPPORT]

Hi,
Brilliant! I am glad that you managed to resolve the issue.
Thanks
Mohammad