New Topic

Reply To: Dynamic Tables for Mobile and Desktop

Home › Forum › Customization › Dynamic Tables for Mobile and Desktop › Reply To: Dynamic Tables for Mobile and Desktop

#2165

StartupWP
Keymaster

Let’s use divs instead like so:

<div class="product-boxes">[product id="1"]</div>
<div class="product-boxes">[product id="2"]</div>
<div class="product-boxes">[product id="3"]</div>

Then add this CSS:

.product-boxes{box-sizing:border-box;width:33.3%;padding:10px;float:left}
@media all and (max-width:480px){.product-boxes{width:100%}}

That should be close, but a few more adjustments will probably be needed so update us after you’ve updated the code.