ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Cardinal
• June 3, 2015 at 11:07 am #181062
  Pothe

  Member

  Post count: 336

  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?

  June 3, 2015 at 11:33 am #181069
  Nishant – SUPPORT

  Spectator

  Post count: 649

  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

  June 29, 2015 at 8:21 pm #189917
  Pothe

  Member

  Post count: 336

  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;
  }
  }
  

  July 1, 2015 at 6:15 am #190422
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

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

• Back to forum

  Posted in: Cardinal