Hello Group!

I just installed Hotcakes, added some products and the product grid doesn't appear to render correctly on mobile. I'm using the built-in Xcillion skin.

I'm unable to upload an image to demonstrate the issue but it looks like it's using col-xs-3 when it should be using col-xs-6.

When I remove the inline styles below using Firefox's Developer Tools, it appears correctly.

<div class="col-xs-6 col-md-4 hc-product-card" style="position: absolute; left: 0%; top: 0px;">...<div>
<div class="col-xs-6 col-md-4 hc-product-card" style="position: absolute; left: 33.3334%; top: 0px;">...<div>
<div class="col-xs-6 col-md-4 hc-product-card" style="position: absolute; left: 66.6667%; top: 0px;">...<div>
<div class="col-xs-6 col-md-4 hc-product-card" style="position: absolute; left: 0%; top: 460.567px;">...<div>
<div class="col-xs-6 col-md-4 hc-product-card" style="position: absolute; left: 33.3334%; top: 460.567px;">...<div>
<div class="col-xs-6 col-md-4 hc-product-card" style="position: absolute; left: 66.6667%; top: 460.567px;">...<div>
<div class="col-xs-6 col-md-4 hc-product-card" style="position: absolute; left: 0%; top: 921.134px;">...<div>
<div class="col-xs-6 col-md-4 hc-product-card" style="position: absolute; left: 33.3334%; top: 921.134px;">...<div>
<div class="col-xs-6 col-md-4 hc-product-card" style="position: absolute; left: 66.6667%; top: 921.134px;">...<div>

Where do I go to fix this issue?

Thanks,
Andy

Hmmm... Perhaps you can add your images/videos using another outside service? For example, we mostly use SnagIt  or Techsmith Capture .

---

Thanks Will,

I uploaded the screenshot to a S3 Bucket. You can view it here...

https://images.kleen-rit...211229-152106_Chrome.jpg 

Thanks for taking the time to look into this.

Andy

Thanks for the screenshot. Can you please help everyone by providing the clear steps to reproduce the issue? What is the version of Hotcakes Commerce and DNN as well?

---

Will,

I am using the following...
DNN v9.10.02
Hotcakes v3.6.0

I installed Hotcakes v3.6.0 on a clean install of DNN v9.10.02, created 9 products each with 5 choices (S, M, L, XL, XXL).

You can view the site here...
http://nop.focaltechinc.com 

Thanks,
Andy

This doesn't appear to be an issue with the viewset as far as I can tell. Instead, the module was placed in a pane in the theme that will never expand to fill the viewport. If a different theme or pane is used, either choice should clear up this problem.

---

https://mlsdev.com 
First, consider the location of your development team. There are three choices here: onshore, offshore, and nearshore. Here is what each of them entails: